Bootstrap 見出し サイズ変更

Question

bootstrap4使用
h1~h6タグでサイズを変更しようと思いました。

cssでfont-sizeを●●pxと書き込んだところ、サイズが変更しませんでした。
bootstrapを使用しているときにサイズを変更したいとき、HTMLのクラスでdisplay-●のようにクラス指定しないとサイズ変更できないのでしょうか。

Comments

[x_x]

問題の起こる HTML を提示願います。

Answer 1

cssはセレクタの指定方法によって詳細度が計算され、一番高いスタイルが適用されます。
デベロッパーツールでbootstrapと自作cssのセレクタ指定の詳細度を確認し、bootstrapのスタイルを上書きしたい部分はより詳細度が高くなるようにセレクタ指定してください。