twitter-bootstrap-3 – 为什么bootstrap 3使我的所有字体变小?

前端之家收集整理的这篇文章主要介绍了twitter-bootstrap-3 – 为什么bootstrap 3使我的所有字体变小?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我是bootstrap的新手,我在我的项目中添加了bootstrap 3并缩小了所有字体大小,我从未在这些类中指定任何字体大小.我以为bootstrap 3的默认大小为14 ..我还需要做些什么吗?

谢谢

解决方法

您可以自定义/覆盖任何内容 – 例如,如果您在引导程序文件之后加载了您的css文件,那么您的设置将覆盖它.无论你梦想什么:
p {
  font-size 18px;
}

等等…

我强烈建议深入挖掘源代码https://github.com/twbs/bootstrap/blob/master/dist/css/bootstrap.css

html {
  font-size: 62.5%;
  -webkit-tap-highlight-color: rgba(0,0);
}

body {
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size: 14px;
  line-height: 1.428571429;
  color: #333333;
  background-color: #ffffff;
}

更新:澄清,“不”你不应该做任何其他事情.听起来有另一个问题.自原始答案日期以来,链接的源代码已更改…截至2015年2月,它看起来像这样:

html {
  font-size: 10px;
}
body {
  font-size: 14px;
}

假设我们已经正确设置了我们的项目,(bower安装bootstrap非常简单)…尝试回显身体外的文本应该导致10px文本,内部体应该是14px.

如果你没有在体内看到14点文本,那么其他东西可能会踩到它.我接下来会在Chrome中检查(例如)以确认字体大小的来源.

我想补充一点,我认为理解我们在这个/ dist / css文件中看到的这些值是如何从较少的变量派生出来的…这些默认值应该是开箱即用的,但你可以轻松控制所有内容,包括正文文本大小:见http://getbootstrap.com/css/#less-variables.

猜你在找的Bootstrap相关文章