如何覆盖Bootstrap的默认字体大小？

文章/答案/技术大牛

发布

3回答

正文字体-大小: 100%重置问题

css、twitter-bootstrap、font-size

我想将我的字体大小设置为100% (即在我的浏览器中默认值为16px )。有嵌入式Bootstrap和它的‘Normalize.css，当我设置字体大小为100%或1em我的文本变得甚至小于16px！ PS。一旦我显式地将font-size设置为16px，它就可以工作了，尽管它不是我想要的。

浏览 1提问于2014-04-24得票数 1

1回答

什么时候选择REM而不是PX？

html、css、units-of-measurement

我看到很多文章说我应该使用REM来尊重用户的偏好，但示例总是说字体大小，而不是整个样式-边距，填充，边框，宽度，高度等。以这篇文章为例：所有的答案都是关于字体大小的，好的，我明白了，rem更适合字体大小，但是其他的样式呢？我发现bootstrap使用px到容器类，到col*类，有什么原因吗？我创建的这个站点覆盖了Bootstrap的默认样式，我应该用px

浏览 2提问于2017-08-23得票数 7

1回答

更改Bootstrap的通用字体大小，而无需使用内部css

twitter-bootstrap-3、xpages、xpages-extlib

我在Xpages中的应用程序中使用bootstrap主题(包括Xpages Bootstrap主题)。对我来说，所有东西的大小都太大了；这个应用程序是用于web的(也许还有莲花XPiNC客户端。如何在不更改任何Bootstrap css的情况下更改尺寸？

浏览 2提问于2015-12-10得票数 0

6回答

如何更改Bootstrap的全局默认字体大小？

css、twitter-bootstrap、twitter-bootstrap-3、font-size

引导程序的全局默认字体大小为14 of，线条高度为1.428。如何更改其默认全局设置？我必须在所有多个条目中更改bootstrap.min.css吗？

浏览 10提问于2015-02-23得票数 77

回答已采纳

1回答

html、css、bootstrap-4、responsive-design、font-size

我使用Bootstrap创建了一个下拉式导航栏，之后，我设计了一个响应式的两列网格。我的主要目标是，右栏必须有图像，左栏必须有一个响应式字体大小。我的HTML代码是： <div class="col"> <h4<h1>N a m e</h1&

浏览 60提问于2021-05-22得票数 0

回答已采纳

4回答

在更新浏览器字体大小时，字体大小不会更改。

css、twitter-bootstrap

我在我的页面中使用了基于em和rem的大小来根据浏览器的字体大小进行缩放。但是，当我更改浏览器字体时，什么都不会发生。当我检查大小的计算值时，无论浏览器的字体大小如何，它总是将1em引用到10 is 。我使用引导程序，它将基本字体大小设置为浏览器字体大小的62.5%，即10 is 。但是，当浏览器的字体大小增加时，它也应该增加。我的代码如下： i

浏览 2提问于2019-07-21得票数 0

2回答

Bootstrap 4-在Ubuntu Chrome和Firefox中呈现的字体大小差异很大

html、css、twitter-bootstrap、bootstrap-4、cross-browser

这两种浏览器都将其默认字体设置为16px的DejaVu Serif。我还没有弄乱Bootstrap的默认字体大小。它仍然是1rem。造成这种差异的原因是什么，有没有办法进一步规范浏览器之间的差异？编辑:我的scss，即使它不相关，因为它是被请求的： $theme-colors: ( "light-blue":

浏览 20提问于2019-01-15得票数 1

1回答

输入大小是否小于bootstrap* 4中的"form-control-sm“，例如xs？*

javascript、html、css、twitter-bootstrap、bootstrap-4

有没有比form-control-sm更小的类用来调整下拉框、输入域等的大小？我没有看到，所以需要自定义类吗？我正在使用CDN for bootstrap4 css，并希望对所有文本使用默认字体大小.75em，但引导输入在.875em中呈现。什么是覆盖它并使它们匹配的好方法？

浏览 10提问于2019-04-21得票数 5

回答已采纳

1回答

如果使用CDN，如何设置bootstrap的@baseFontSize？

css、twitter-bootstrap

我知道这是在variables.less中设置的，所以如果我使用的是预编译版本，我可能会被这些设置卡住--但是当我使用这个CDN版本时，有没有什么好方法可以覆盖这些设置，并将基本字体大小“重置”为稍微小一点的东西，而不必为我想要影响的每个元素指定一个字体大小覆盖？2.0.4渲染的H2字体大小：旧的和新的压缩C

浏览 3提问于2012-09-12得票数 6

回答已采纳

1回答

Bootstrap 4:如何使用响应式字体大小为不同的显示器大小设置$ Font -size-base？

css、ruby-on-rails、fonts、bootstrap-4、font-size

$enable-responsive-font-sizes: true; $font-size-base中的默认字体大小设置为1rem (大约16px)。我通常在样式表中为不同的监视器设置默认字体大小，如下所示。有了这个新功能，设置$font-size-base是如何工作的？应该将该值设置为所需的最大字体大小(在我的示例中为20px)还是最小字体大小？我这么问是因为Boot

浏览 134提问于2019-03-17得票数 1

回答已采纳

2回答

如何在JavaFX SceneBuilder中更改gui字体大小？

javafx、netbeans-7、font-size、scenebuilder

我只想知道如何在JavaFX SceneBuilder中更改gui字体大小(在我的屏幕上，它太小了，并且无法获得默认的环境字体大小)。在首选项中没有像字体大小这样的项目，所以我考虑了一些java参数或属性。或者我们可以覆盖一些css。如有任何提示，我们将不胜感激。

浏览 0提问于2013-12-06得票数 3

1回答

如何更改或覆盖引导程序4模板中的基本字体大小？

css、twitter-bootstrap、bootstrap-4

我使用Thymeleaf HTML页面模板和Bootstrap 4创建了一个Java/Spring应用程序，我基于一个名为'Simple Sidebar'：的免费引导4站点模板。我想修改(或覆盖)‘简单边栏’引导模板中提供的CSS，这样整个模板的默认文本字体大小就会更小。我正在构建的应用程序是供公司内部使用的，只能在PC浏览器上查看。我需要它来适应大量的信息在一次屏幕上，所以字体

浏览 0提问于2021-01-07得票数 0

2回答

是否可以在媒体查询中使用EM覆盖浏览器的默认字体大小？

javascript、html、css、fonts、media-queries

虽然更改浏览器默认字体大小并不常见，但更改设置仍然很容易。@media screen and (min-width: 2em) {} 如果我们考虑前面使用20 to HTML覆盖的示例，可以预期在该上下文中的更糟糕的是，如果您将浏览器字体大小定制为24 i

浏览 2提问于2016-10-08得票数 1

回答已采纳

1回答

在Bootstrap* 4.3.1中重写_variables的正确方法是什么？*

angular、bootstrap-4、angular8、ng-bootstrap、angular-bootstrap

我使用的引导带4.3.1在我的角8项目。基本上，我希望(更改/重写)引导的一些默认变量。例如$字体大小基"styles": [ "node_modules/bootstrap/dist/css/bootstrap

浏览 3提问于2019-11-15得票数 2

回答已采纳

3回答

如何在不使用的情况下覆盖GWT中的默认样式

java、html、css、gwt

GWT模块附带了一些恼人的怪癖，其中之一就是背离了16px的标准字体大小，而是将其声明为12px。我试图为不同的元素声明不同的字体大小，但是它们总是被默认的样式覆盖。所以我决定使用!important来声明整个正文的默认字体大小。这是可行的，问题是它也适用于不应该应用的地方，比如h2元素。使用另一个!important再次为h2声明另一个<em

浏览 0提问于2013-01-19得票数 1

回答已采纳

1回答

在何处设置整个网站的默认字体大小，Jekyll，引导3

html、css、twitter-bootstrap、jekyll

我正在使用Jekyll和Bootstrap-3风格，如果可能的话，我希望将14‘m的默认字体大小增加到大约20’m。我在页面源代码中找到了一个名为"body“的设置。它似乎是在名为/project/assets/bootstrap-3/bootstrap/css/bootstrap.min.css.的文件中设置的。是否有一种简单的

浏览 3提问于2014-07-28得票数 3

回答已采纳

1回答

将引导5设置为自定义的REM字体大小

css、sass、bootstrap-5

我目前正在设置像这样的字体大小，以便在REM值中进行更容易的计算：body { font-size: 1.6rem; } /* 16px */但是，Bootstrap 5当然使用根值( 62.5%)来计算所有大小。有人知道在我设置以下示例时，是否可以配置Bootstrap 5，使其输出与32px (计算样式)匹配的值：这样我就可以大大简化计算，Bootst

浏览 1提问于2022-07-22得票数 3

回答已采纳

4回答

如何在Bootstrap* 4中增加字体大小？*

html、css、twitter-bootstrap、bootstrap-4

在Bootstrap 4中，字体大小默认为使用em或rem字体。如何增加所有视口大小的font-size？因为每个元素看起来都很小。

浏览 1提问于2017-09-01得票数 44

4回答

在bootstrap中，我无法使用自定义css更改列表元素的颜色？

html、css、twitter-bootstrap

在使用bootstrap时，我无法更改导航栏元素的颜色。其他样式如字体大小、字体粗细等都可以使用，但颜色不变。我也尝试过对列表元素中的超链接设置样式，但这不会改变任何东西。当我在实际的bootstrap.css文件中更改它时，它可以工作，但这有点不方便，首先找到特定的代码行，然后更改它的样式。当涉及到在导航条中更改颜色属性时，我的自定义css看起来无法覆盖默认的引导css。知道为什

浏览 5提问于2016-06-20得票数 0

2回答

twitter bootstrap已经重置了我的div和font的样式

html、css、twitter-bootstrap

所以我用我刚刚创建的菜单配置了我的页面，并为菜单项设置了css，然后我添加了twitter-bootstrap，当我设置了我的字体大小和填充时，所有这些填充和字体大小改变了我的页面，或者是twitter-bootstrap正在改变的其他东西如果您知道如何设置重置我的页面，请留言

浏览 1提问于2013-09-12得票数 0

点击加载更多

正文字体-大小: 100%重置问题

什么时候选择REM而不是PX？

更改Bootstrap的通用字体大小，而无需使用内部css

如何更改Bootstrap的全局默认字体大小？