📜  在 bootstarp 中使文本变为粗体的类 (1)

📅  最后修改于: 2023-12-03 14:50:51.611000             🧑  作者: Mango

在 Bootstrap 中使用文本变为粗体的类

在 Bootstrap 中,我们可以使用内置的类来使文本变为粗体。这样的类可以应用于任何需要强调的文本部分。

1. 使用 <strong> 元素

在 HTML 中,可以使用 <strong> 元素来表示粗体文本。在 Bootstrap 中,可以通过为元素添加 class="font-weight-bold" 类来使文本变为粗体。

<p>This is <strong class="font-weight-bold">bold text</strong>.</p>

Markdown 中的等价写法:

This is **bold text**.

该效果如下:

This is bold text.

2. 使用 <b> 元素

类似地,可以使用 HTML 的 <b> 元素表示粗体文本。在 Bootstrap 中,可以通过为元素添加 class="font-weight-bold" 类来使文本变为粗体。

<p>This is <b class="font-weight-bold">bold text</b>.</p>

Markdown 中的等价写法:

This is **bold text**.

该效果如下:

This is bold text.

3. 使用 <span> 元素

如果只想将文本的一部分变为粗体,而不是整个元素,可以使用 <span> 元素,并为其添加 class="font-weight-bold" 类。

<p>This is <span class="font-weight-bold">bold text</span> in a sentence.</p>

Markdown 中的等价写法:

This is **bold text** in a sentence.

该效果如下:

This is bold text in a sentence.

总结:通过在 HTML 元素中添加 class="font-weight-bold" 类,可以在 Bootstrap 中将文本变为粗体。你可以选择使用 <strong><b> 元素,或者通过 <span> 元素来标记特定的文本内容。