ブートストラップ4 - カスタマイズの主なCSS/scssです。ステップ？

Question

私はBootstrap 4とscssを学びたいと思っています。だから、現時点で私は自分の体の背景色を変えようとしています。 variables.scss、bootstrap.css、_reboot.scss、bootstrap-reboot.cssで試してみましたが、コンソールに何も書かれていません。バックグラウンドは白です（_reboot.scss：53によってロードされています）。

だから、どこで、どのように私は私の変更を適用する必要があります - 背景、色、フォント、罫線、など....は

ありがとうございました...それは少なく、CSSのようになるが、これは怖いです思いました。

Answer 1

コアブートストラップスタイルを更新するベストプラクティスは、ブートストラップスタイルを独自のファイルにインポートし、そこでクラスを編集することです。その後、クラスがブートストラップスタイルをオーバーライドし、今後のブートストラップの更新でカスタマイズが中断されないようにします。新しい.scssファイルを作成し、一番上に置く：

@import "/bootstrap.scss"; 

body { 
    background-color: red; 
} 

そして、ブートストラップファイルの代わりにあなたの新しいファイルにリンクする。それでもブートストラップのjsファイルが必要です。

ベストプラクティスに従わない場合は、問題のもう1つの解決策は、.cssファイルを作成し、すべてのブートストラップファイルがロードされた後で参照することです。これはブートストラップスタイルをオーバーライドし、ブートストラップスタイルをインポートする必要はありません。将来的には清潔で多用途ではありませんが、あなたにとってはより簡単かもしれません。