Mar*_*mel 3 css tabs font-size twitter-bootstrap
我正在尝试更改网页上 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。
关于为什么会这样的任何想法?谢谢!
我尝试了很多东西,甚至使用 jQuery 来更改字体大小,但没有任何效果,因为正如 David 所说,字体被硬编码到 Bootstrap 中。
我最终添加了一行 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>
Run Code Online (Sandbox Code Playgroud)