bootstrapのcontainerのmarginを調整したいです！

Question

bootstrapのcontainerを用いているのですが、margin-leftとmargin-rightが初期設定だと入ってしまっています。

cssで調整してもbootstrapの設定が優先されてうまくいきません！

bootstrapのcontainerを用いつつ、そのmarginを調整する方法があればどなたかお知恵をお借りしたいです！

Comments

[KazuSaka]

headタグでbootstrapとcssを読み込んでると思いますが、
Bootstrapを読み込む前に、cssを読み込んでませんか？

Bootstrap➡︎CSSの順に読み込めば、CSSで上書きできるはずです！

[sn.jr]

なるほど！ありがとうございます！

Answer 1

CSSには、コードの優先順位が決まっています。

• idセレクタやclassセレクタなどの具体的・局所的なセレクタは、タイプセレクタや全称セレクタのような全般的なセレクタより優先される

• idセレクタはclassセレクタより優先され、タイプセレクタは全称セレクタより優先される（idセレクタ > classセレクタ > タイプセレクタ > 全称セレクタ）
• 要素を特定したidセレクタ・classセレクタは、要素を特定しないidセレクタ・classセレクタより優先される
• 優先順位が同じになった場合は、最後に指定したスタイルが適用される
• !importantを付けると最優先される
• タグそのもののstyleにCSSを書くと優先される

などです。

だから、

<div style="margin: 0px !important;" class="container">
</div>

のように、タグ自体のstyleに!importantでCSSをかいてみてると、行けると思います。