Question

我正在尝试更改网页上Twitter Bootstrap标签的字体大小。看似简单的事情，但由于某种原因，它无法正常工作。

一切都在我的JSfiddle示例中有效：http://jsfiddle.net/Ww5Cw/。

但是，它在实际网页上无法正常工作：http://chooserealtoday.com/new.html（向下滚动一点 - 只有页面上的标签页。）

我已经通过Google Chrome Inspector（.nav-tabs li a）将字体大小更改为22px并且它可以正常工作，但是当我向.nav-tabs li a {font-size:22px;}添加styles.css时，它不会似乎工作。我也试过.nav-tabs > li > a。

对此为何的任何想法？谢谢！

Answer 1

我尝试了很多东西，甚至使用jQuery来改变字体大小，但没有任何效果，因为正如大卫所说，字体被硬编码到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>

Answer 2

遗憾的是，字体被硬编码到Bootstrap中。有几个线程可以让你看看人们问过类似问题的地方，并收到一些关于如何解决问题的指导。

navbar color in Twitter Bootstrap

Change bootstrap webpage font size when

Answer 3

可能是你的style.css在另一个之前连接，因此属性被覆盖。尝试设置连接css文件的顺序。

或者尝试将font-size属性添加到ul或li。

Answer 4

使用指令（！important）例如： font-size：更小！important;

Bootstrap：Tab字体大小不随CSS改变

4 个答案: