html - 使用 Bootstrap 类设置字体粗细

Question

是否有任何 Twitter Bootstrap 类font-weight: bold和其他值font-weight？

如果这已经存在于 Bootstrap 中，我不会创建一个新的。

score 99 · Accepted Answer

我在Bootstrap 网站上找到了这个，但它真的不是 Bootstrap 类，它只是 HTML。

<strong>rendered as bold text</strong>

score 85 · Accepted Answer

在Bootstrap 4中，class="font-weight-bold"是您正在寻找的。

对于其他样式，有font-weight-normal和font-italic类。

score 54 · Accepted Answer

54

在引导程序 4中：

class="font-weight-bold"

或者：

<strong>text</strong>

于 2017-01-13T13:18:09.850 回答

score 46 · Accepted Answer

在您的 Site.css（或其他地方）中创建一个名为 .font-bold 的新类并将其设置为您的元素

.font-bold {
  font-weight: bold;
}

score 14 · Accepted Answer

在 Bootstrap 4 上，您可以使用：

<p class="font-weight-bold">Bold text.</p>
<p class="font-weight-normal">Normal weight text.</p>
<p class="font-weight-light">Light weight text.</p>

score 8 · Accepted Answer

8

如果使用Boostrap 5 ，最准确的方法如下例所示：

<p class="fw-bold">Bold text.</p>

于 2021-08-31T02:40:40.187 回答

score 1 · Accepted Answer

如果您想要一个更自定义的值和/或您正在遵循需要重复的方案，您应该使用 bootstarp 的变量来控制您的字体粗细；变量在整个项目中用作集中和共享常用值（如颜色、间距或字体堆栈）的一种方式；

score 0 · Accepted Answer

如果您在Mac 版本的 Chrome中检查这一点，我认为存在一些浏览器不兼容问题。

试试这个

* {-webkit-font-smoothing: antialiased;}

8 回答 8