【Bootstrap】Bootstrapでスタイリングをした時の注意点について

Bootstrapでスタイリングをした時の注意点

Bootstrapが用意しているスタイル（特にUtilitysのスタイル）は「!important」という指定がされているため最優先でスタイルが適用されます。下記は「<div class="bg-success w-75 h-100">Box</div>」のスタイルをデベロッパーツールで確認した画像ですが、「!important」となっていることがわかります。

後から自分でスタイルを定義してもBootstrapの設定が優先されるため、自分で定義したスタイルとBootstrapのスタイルを併用する場合は注意が必要となります。