CSS：コードの色付けをカスタマイズするために、ブートストラップのコードを無制限に変更するにはどうすればよいですか？

Question

現在、私が使用しているテーマはmaxcdn onlineのbootstrap.min.cssに基づいていますが、私はインラインコードとフォントタイプの色付けを変更できるように、コード無しのソースコードをどこでも編集できないようです中古。

私は、次のオプションを使用して、元のブートストラップCSSをオーバーレイするのcustom.cssファイルを書かれている：

pre { 
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; 
} 

// Inline code 
code { 
    padding: 2px 4px; 
    font-size: 90%; 
    color: #000000; 
    background-color: #eff0f1; 
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; 
} 

// Enable scrollable blocks of code 
.pre-scrollable { 
    overflow-x: scroll; 
} 

しかし、何も変わっていません。私は実際に私がキックインしたい変化をさせることができる方法はありますか？私のウェブサイトは現在Jekyllに基づいています。

これは、私は、元のブートストラップCSS上custom.cssを入れてソースコードです：https://github.com/kwotsin/kwotsin.github.io/blob/master/_includes/head.html

私はそれを正しい方法でやっていますか？

Answer 1

を変更しようとしていることを確認してください：

オプション：1 ブートストラップソースコードless.cssをダウンロードします。ファイルを変更して使用してください。

オプション：開発ツールは、あなたがオーバーライドして独自のものを使用したいless.cssの部分を識別3 行くために：あなたはcustom.css

オプションで上書きしたいCSSの横に2置き!importantこれらの要素を持つid。その後、あなた自身のCSSファイルでそれらをスタイルします。

Answer 2

ローカルでブートストラップのソースコードバージョンをインストールし、lessファイルをコンパイルする必要があります。

Bootstrap documentationをご覧ください。

Answer 3

あなたは基本的に3オプション持つカスタムCSSファイルは、ブートストラップのリンクの下にある、あなたの頭の部分に