CSSとSASSを使ってBootstrap4 (ブートストラップ)でデザインを効率よく簡単にカスタマイズする方法

ブートストラップをカスタマイズするには様々な理由があります。
色、フォント、ボーダーなどの現存しているブートストラップの変化
ブレークポイントやガターの幅などのブートストラップのグリッドレイアウトの変化
新しいカスタムを伴うブートストラップの拡張
 
理由はなんであれ、ブートストラップをカスタマイズするには2つの方法があります。CSSを使っている簡単な方法から初めて、SASSを使う発展した方法を説明します。
 
1. Simple CSS Overrides
この方法は、オーバーライドスタイルを作るブーストラップのCSSルールを定義することによって使うことができます。この方法を使うのは簡単で、あなた独自のカスタマイズスタイルを壊すことなくまだ目新しいバージョンにアップグレイドさせてくれます。
 
CSSでは、順番が関係してきます。CSSルールの最後の定義はCSSセレクターと資産がマッチするルールをオーバーライドすることです。
 
この記事は、どのようにCSSのオーバーライドカスタマイズ法が働くのかを説明しています。
 
私たちの紹介するCSSカスタマイズはcustom.cssファイルの中に位置されます。そのため、bootstrap.cssはそのまま修正されないでおいておきます。custom.cssへの参照はオーバーライドを可能に

リンク元