logo标签列表

Bootstrap：选项卡字体大小不随CSS更改

csstabstwitter-bootstrapfont-size
3
我试图改变网页中Twitter Bootstrap选项卡的字体大小。看起来很简单，但出于某种原因它并没有起作用。
在我的JSfiddle示例中一切正常：http://jsfiddle.net/Ww5Cw/。
然而，在实际网页上http://chooserealtoday.com/new.html（向下滚动一点 - 页面上只有选项卡），它并没有正常工作。
我通过Google Chrome Inspector将字体大小更改为22px（.nav-tabs li a）是可以的，但当我将.nav-tabs li a {font-size:22px;}添加到我的styles.css时，它似乎不起作用。我也尝试过.nav-tabs > li > a。
你有何想法？谢谢！
你的页面上选项卡对我来说是22像素，这个问题解决了吗？ - Andres Ilich
@AndresIlich 已解决。我只是还不能接受自己的答案。 - Mark Rummel
4个回答
6

我尝试了很多方法，甚至使用jQuery来改变字体大小，但都没有效果，因为正如David所说，字体已经硬编码到Bootstrap中。

最终，在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>
1
0

使用指令（!important） 例如： font-size: smaller !important;

0

可能是您的style.css在其他样式表之前被连接，因此该属性被覆盖了。尝试设置连接CSS文件的顺序。

或者尝试将字体大小属性添加到ul或li中。

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接