3

我正在尝试更改网页上 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;}到 my时styles.css，它似乎不起作用。我也试过了.nav-tabs > li > a。

关于为什么会这样的任何想法？谢谢！

4

4 回答 4

6

我尝试了很多东西，甚至使用 jQuery 来更改字体大小，但没有任何效果，因为正如大卫所说，字体被硬编码到 Bootstrap 中。

我最终在之后添加了一行 CSSbootstrap-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>
于 2012-05-29T21:58:54.733 回答
1

不幸的是，字体被硬编码到 Bootstrap 中。您可以查看几个线程，看看人们在哪里提出了类似的问题，并收到了一些关于如何解决的指导。

Twitter Bootstrap 中的导航栏颜色

更改引导网页字体大小时

于 2012-05-29T20:06:22.470 回答
0

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

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

于 2012-05-29T20:12:52.343 回答
0

使用指令 (!important) 例如： font-size: small !important;

于 2018-10-25T09:02:16.443 回答