2012-05-29 104 views
2

我試圖更改網頁上的Twitter Bootstrap選項卡的字體大小。看起來像一個簡單的事情,但由於某種原因,它不工作。Bootstrap:Tab字體大小不會隨CSS變化

一切工作在我的JSfiddle示例:http://jsfiddle.net/Ww5Cw/

但是,它在實際網頁上無法正常工作:http://chooserealtoday.com/new.html(向下滾動一點 - 只有頁面上的標籤)。

我已經通過Google Chrome Inspector(.nav-tabs li a)將字體大小更改爲22px,但它適用於我的styles.css,但它似乎不起作用我也試過.nav-tabs > li > a

想到這是爲什麼?謝謝!

+0

標籤在我的頁面上以22px出現,這個問題是否解決? –

+0

@AndresIlich已解決。我不能接受我自己的答案。 –

回答

3

我嘗試了很多東西,甚至使用jQuery來改變字體大小,但是毫無效果,因爲大衛說,字體是硬編碼到引導。

我最終在bootstrap-responsive.css之後添加了一行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> 
0

可能是你的style.css之前其他,因此,財產被覆蓋連接。嘗試設置連接css文件的順序。

或嘗試將字體大小屬性添加到ul或li。