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

发布时间：2020-12-18 00:19:49 所属栏目：安全来源：网络整理

导读：我是bootstrap的新手,我在我的项目中添加了bootstrap 3并缩小了所有字体大小,我从未在这些类中指定任何字体大小.我以为bootstrap 3的默认大小为14 ..我还需要做些什么吗？谢谢解决方法您可以自定义/覆盖任何内容 – 例如,如果您在引导程序文件之后加载了

我是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.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!