Web ページの Twitter Bootstrap タブのフォント サイズを変更しようとしています。単純なことのように思えますが、何らかの理由で機能していません。
すべてが私の JSfiddle の例で動作します: http://jsfiddle.net/Ww5Cw/。
ただし、実際の Web ページでは正しく機能していません: http://chooserealtoday.com/new.html (少し下にスクロールします - ページのタブのみ)。
Google Chrome Inspector (.nav-tabs li a) を使用して font-size を 22px に変更しましたが、動作しますが、に追加.nav-tabs li a {font-size:22px;}するstyles.cssと動作しないようです。私も試し.nav-tabs > li > aました。
これがなぜなのかについて何か考えはありますか？ありがとう！
jQueryを使用してフォントサイズを変更するなど、多くのことを試しましたが、Davidが言ったように、フォントがBootstrapにハードコードされているため、何も機能しませんでした。
その後、最終的に1行のCSSを追加bootstrap-responsive.cssしたところ、機能しました。
<!-- Le styles -->
<link href="assets/bootstrap2-2/css/bootstrap.min.css" rel="stylesheet">
<link href="assets/css/styles.css" rel="stylesheet">
<link href="assets/bootstrap2-2/css/bootstrap-responsive.css" rel="stylesheet">
<style type="text/css">
.nav-tabs li a {font-size:22px;}
</style>
残念ながら、フォントは Bootstrap にハードコードされています。人々が同様の質問をし、回避方法についていくつかの指示を受けた場所を見ることができるスレッドがいくつかあります。
あなたのstyle.cssが他の前に接続されている可能性があるため、プロパティが上書きされます。接続 css ファイルの順序を設定してみてください。
または、font-size プロパティを ul または li に追加してみてください。
たとえば、ディレクティブ (!important) を使用します。 font-size: small !important;