html - 在哪里设置整个网站的默认字体大小，Jekyll，bootstrap 3

Question

我正在使用 Jekyll 和 Bootstrap-3 样式，如果可能的话，我想将整个网站的默认字体大小从 14px 增加到大约 20px。我在页面源代码中找到了一个名为“body”的设置。它似乎是在一个名为的文件中设置的/project/assets/bootstrap-3/bootstrap/css/bootstrap.min.css。我推测我可以在那里进行更改，但看到它建议不要编辑此文件。有没有一种简单的方法来创建一个新的 .css 文件，jekyll 将调用该文件并将默认字体大小设置为 20px？

Answer 1

您会在 bootstrap.css 中找到大约 56 次 font-size。全部由 Less 预处理器计算。不要尝试直接编辑 css，这会影响您的样式比例。

如果你想要一个自定义的 Bootstrap ，你可以去http://getbootstrap.com/customize/并更改@font-size-base，然后下载您的自定义版本。

您还可以学习 less 或 sass，以将 css 预处理器的强大功能与 Jekyll( native Sass 处理)和 Bootstrap 一起使用。