Bootstrap的全局默认字体大小是14px，行高是1.428。我如何改变它的全局默认设置？我是否必须更改所有多个条目中的bootstrap.min.css？
eivgtgni1#
Bootstrap使用变量：
$font-size-base: 1rem; // Assumes the browser default, typically 16px
我不建议你这么做，但你可以。最好的做法是用以下代码覆盖浏览器默认的基本字体大小：
html { font-size: 14px; }
Bootstrap将获取该值，并通过rems使用它来为各种事情设置值。
hc2pp10m2#
有几种方法，但由于您只使用CSS版本，而不是SASS或LESS版本，您最好使用Bootstrap自己的定制工具：http://getbootstrap.com/customize/在这个页面上定制你想要的任何东西，然后你可以下载一个定制的版本，用你自己的字体大小和你想要改变的任何东西。不建议直接更改CSS文件（或简单地添加覆盖Bootstrap CSS的新CSS样式），因为其他Bootstrap样式的值是从基本字体大小派生的。例如：https://github.com/twbs/bootstrap-sass/blob/master/assets/stylesheets/bootstrap/_variables.scss#L52您可以看到，基本字体大小用于计算h1、h2、h3等的大小。如果您只是在CSS中更改了字体大小（或添加了自己的覆盖字体大小），则根据Bootstrap的设计，在计算中使用该字体大小的所有其他值将不再按比例准确。正如我所说，你最好的选择是使用他们自己的定制工具，这正是它的目的。如果使用SASS或LESS，则需要在编译之前更改变量文件中的字体大小。
uqcuzwp83#
您可以添加一个style.css，在bootstrap.css之后导入此文件以覆盖此代码。例如：
style.css
bootstrap.css
/* bootstrap.css */ * { font-size: 14px; line-height: 1.428; } /* style.css */ * { font-size: 16px; line-height: 2; }
为了更好地维护代码，不要直接更改bootstrap.css。
0dxa2lsx4#
根据当前v4文档，建议的方法是：
$font-size-base: 0.8rem; $line-height-base: 1;
一定要定义 Bootstrap css include上面的变量，它们将覆盖 Bootstrap 。不需要其他任何东西，这是最干净的方式它在文档www.example.com中描述得非常清楚https://getbootstrap.com/docs/4.1/content/typography/#global-settings
yyhrrdl85#
从Bootstrap 5开始，您可以通过更改$font-size-root变量来设置默认字体大小。
$font-size-root: 16px;
icnyk63a6#
在v4中更改SASS变量：
$font-size-base: 1rem !default;
bmp9r5qi7#
我通过CDN（内容分发网络）使用Bootstrap，所以我用这个简单的方法解决了它。在<html>标签中更改全局默认值font-size。较小字体大小的示例：
<html>
font-size
<html style="font-size:0.875em">
只需更改em值。对于Bootstrap版本5.2，字体大小为1 rem：基本字体大小：1 rem; //采用浏览器默认值，通常为16px0.875em = 14 px，如果默认浏览器字体大小为16 px1 em = 16像素1.125em = 18 px，如果默认浏览器字体大小为16 px
16px
whitzsjs8#
这是一个老问题，但这个框架一直在发展。在Bootstrap v5中，您有一种通过CSS变量减小字体大小的新方法。最后，Bootstrap 5将继续看到更多的CSS变量随着时间的推移而添加，以提供更多的实时定制，而不需要总是重新编译Sass。我们的方法是将我们的源Sass变量转换为CSS变量。这样，即使你不使用CSS变量，你仍然拥有Sass的所有功能。这仍在进行中，需要时间来完全实现。图片来源：www.example.comhttps://getbootstrap.com/docs/5.3/content/reboot/#css-variables正如引用的那样，有一项工作正在进行中，这些变量中的大多数从v5.2开始可用，一些从v5.3开始可用，它们都以bootstrap前缀（--bs-）开头。必须按如下方式设置正文中的变量：
<body style="--bs-body-font-size: 1.25rem"> <!--- ... --> </body>
我强烈建议使用em或rem作为单位。这是一种文档，但不容易找到，这些变量分散在所有文档的小部分。我从来没有喜欢重新编译SASS/SCSS的想法，使用这种方法，你可以使用CDN，因为你用其他JS/CSS。你可以在样式面板的底部找到大多数这些变量，你可以使用my page来查看这些变量，它在编写v5.3的时候运行。
kognpnkq9#
我刚解决了这类问题。我想增加font-size到h4大小。我不想使用h4标记。我在bootstrap.css之后添加了我的css，它不起作用。最简单的方法是：在HTML文档上，键入
<p class="h4">
你不需要添加任何东西到你的css工作表。它工作正常问题是假设我想要一个大小在h4和h5之间？回答为什么？这是唯一的方法来取悦你的观众吗？我宁愿这种方法篡改标准的文档，如bootstrap。
9条答案
按热度按时间eivgtgni1#
Bootstrap使用变量：
我不建议你这么做，但你可以。最好的做法是用以下代码覆盖浏览器默认的基本字体大小：
Bootstrap将获取该值，并通过rems使用它来为各种事情设置值。
hc2pp10m2#
有几种方法，但由于您只使用CSS版本，而不是SASS或LESS版本，您最好使用Bootstrap自己的定制工具：
http://getbootstrap.com/customize/
在这个页面上定制你想要的任何东西，然后你可以下载一个定制的版本，用你自己的字体大小和你想要改变的任何东西。
不建议直接更改CSS文件（或简单地添加覆盖Bootstrap CSS的新CSS样式），因为其他Bootstrap样式的值是从基本字体大小派生的。例如：
https://github.com/twbs/bootstrap-sass/blob/master/assets/stylesheets/bootstrap/_variables.scss#L52
您可以看到，基本字体大小用于计算h1、h2、h3等的大小。如果您只是在CSS中更改了字体大小（或添加了自己的覆盖字体大小），则根据Bootstrap的设计，在计算中使用该字体大小的所有其他值将不再按比例准确。
正如我所说，你最好的选择是使用他们自己的定制工具，这正是它的目的。
如果使用SASS或LESS，则需要在编译之前更改变量文件中的字体大小。
uqcuzwp83#
您可以添加一个
style.css，在bootstrap.css之后导入此文件以覆盖此代码。例如：
为了更好地维护代码，不要直接更改
bootstrap.css。0dxa2lsx4#
根据当前v4文档，建议的方法是：
一定要定义 Bootstrap css include上面的变量，它们将覆盖 Bootstrap 。
不需要其他任何东西，这是最干净的方式
它在文档www.example.com中描述得非常清楚https://getbootstrap.com/docs/4.1/content/typography/#global-settings
yyhrrdl85#
从Bootstrap 5开始，您可以通过更改$font-size-root变量来设置默认字体大小。
icnyk63a6#
在v4中更改SASS变量：
bmp9r5qi7#
我通过CDN（内容分发网络）使用Bootstrap，所以我用这个简单的方法解决了它。在
<html>标签中更改全局默认值font-size。较小字体大小的示例：
只需更改em值。
对于Bootstrap版本5.2，字体大小为1 rem：
基本字体大小：1 rem; //采用浏览器默认值，通常为
16px0.875em = 14 px，如果默认浏览器字体大小为16 px
1 em = 16像素
1.125em = 18 px，如果默认浏览器字体大小为16 px
whitzsjs8#
这是一个老问题，但这个框架一直在发展。
在Bootstrap v5中，您有一种通过CSS变量减小字体大小的新方法。
最后，Bootstrap 5将继续看到更多的CSS变量随着时间的推移而添加，以提供更多的实时定制，而不需要总是重新编译Sass。我们的方法是将我们的源Sass变量转换为CSS变量。这样，即使你不使用CSS变量，你仍然拥有Sass的所有功能。这仍在进行中，需要时间来完全实现。
图片来源：www.example.comhttps://getbootstrap.com/docs/5.3/content/reboot/#css-variables
正如引用的那样，有一项工作正在进行中，这些变量中的大多数从v5.2开始可用，一些从v5.3开始可用，它们都以bootstrap前缀（--bs-）开头。
必须按如下方式设置正文中的变量：
我强烈建议使用em或rem作为单位。
这是一种文档，但不容易找到，这些变量分散在所有文档的小部分。我从来没有喜欢重新编译SASS/SCSS的想法，使用这种方法，你可以使用CDN，因为你用其他JS/CSS。
你可以在样式面板的底部找到大多数这些变量，你可以使用my page来查看这些变量，它在编写v5.3的时候运行。
kognpnkq9#
我刚解决了这类问题。我想增加
font-size到h4大小。我不想使用h4标记。我在bootstrap.css之后添加了我的css，它不起作用。最简单的方法是：在HTML文档上，键入
你不需要添加任何东西到你的css工作表。它工作正常问题是假设我想要一个大小在h4和h5之间？回答为什么？这是唯一的方法来取悦你的观众吗？我宁愿这种方法篡改标准的文档，如bootstrap。