12

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

谢谢

4

2 回答 2

18

由于第 1097 行的这个块，它似乎正在发生，至少在 3.3.6 版中：

html {
  font-size: 10px;

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

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

html
{
    font-size: 100%;
}
于 2016-01-04T12:43:14.930 回答
-4

您可以自定义/覆盖任何内容 - 例如，如果您在引导文件之后加载您的 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。

于 2013-10-18T06:14:54.083 回答