Bootstrapクラスをオーバーライドできませんか？

Question

サイトのフォントサイズを大きくしようとしています。デフォルトのCSSを上書きすることができません。以下は、開発者ツールで見るときに適用されるCSSのスクリーンショットです。サイズを14pxに増やそうとしています。私は幸運なしにいくつかの異なるCSSスタイルを試しました。私はそれをテストしたたびにブラウザキャッシュもクリアしました。

私は、次のを持っている私のLESSファイルで

：私も私のLESSファイルに次の行を追加しようとした

@font-size-base: 14px; 

：

div.container.body-container{ 
    font-size: @font-size-base !important; 
} 

AND 

.container.body-container{ 
    font-size: @font-size-base !important; 
} 

AND 

.body-container{ 
    font-size: @font-size-base !important; 
} 

あなたが何かにフォントを上書きされて見ることができます11pxにするここで

***** ***** UPDATE

は、バンドルからのエントリです。 site.cssはBootstrap.cssファイルの後にあります。

Answer 1

CSS/LESSファイルをHTMLに含めるときは、CSS/LESSのブートストラップの後にあることを確認してください。

Answer 2

あなたのCSSファイルをindex.htmlファイルの別のファイルに置きます。

Answer 3

他にも言及したように、CSS呼び出しの順番を確認してください。しかし、あなたのスクリーンショットでは、フォントサイズは.body-contentで、.body-containerではなく継承されています。

Answer 4

ありがとうございます。私がプロジェクトを引き継ぎ、私の前に開発者はスタイルシートを一切使わず、すべてがインラインスタイルです。上記の提案に基づいて、私は見たことのないインラインスタイルを見つけました。彼らはインラインスタイルを_Layout.cshtmlページのコンテナに直接配置していました。私はインラインスタイルを削除し、それは働いた。

<div class="container body-content" style="font-size:11px"> 
    @RenderBody() 
</div>