Question

我是bootstrap的新手，我在我的项目中添加了bootstrap 3并缩小了所有字体大小，我从未在这些类中指定任何字体大小。我以为bootstrap 3的默认大小为14 ..我还需要做些什么吗？

由于

Answer 1

似乎正在发生，至少从版本3.3.6开始，由于1097行上的这个块：

html {
  font-size: 10px;

  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

您可以通过将其添加到样式表来恢复字体大小：

html
{
    font-size: 100%;
}

Answer 2

您可以自定义/覆盖任何内容 - 例如，如果您在引导程序文件之后加载了您的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, 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 install bootstrap非常简单）...尝试回显body之外的文字应该会产生10px文本，body内应该是14px。

如果你没有在身体内部看到14点文字，那么其他东西可能会踩到它。我接下来会在Chrome中检查（例如）以确认字体大小的来源。

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

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

2 个答案: