Matukio ya Haraka ya Bootstrap 5

Bootstrap 5 默认设置

Bootstrap 5 默认 font-size 为 1rem（默认为 16px），line-height 为 1.5。

此外，所有 <p> 元素都设置了 margin-top: 0 na margin-bottom: 1rem （默认为 16px）。

<h1> - <h6>

Bootstrap 5 把 HTML 标题（<h1> 到 <h6>）的样式设置为有更粗的 font-weight 以及响应式的 font-size。

Mfano

Tafadhali tafadhali tafadhali tafadhali

如果需要，您还可以在其他元素上使用 .h1 到 .h6 类，使它们表现为标题：

Mfano

<p class="h1">h1 Bootstrap heading</p>
<p class="h2">h2 Bootstrap heading</p>
<p class="h3">h3 Bootstrap heading</p>
<p class="h4">h4 Bootstrap heading</p>
<p class="h5">h5 Bootstrap heading</p>
<p class="h6">h6 Bootstrap heading</p>

Tafadhali tafadhali tafadhali tafadhali

display 标题

display 标题用于比普通标题更突出（更大的 font-size 和更细的 font-weight），有六个类可供选择：.display-1 到 .display-6：

Mfano

Tafadhali tafadhali tafadhali tafadhali

<small>

在 Bootstrap 5 中，HTML <small> 元素（和 .small 用于在任何标题中创建较小的辅助文本：

Mfano

Tafadhali tafadhali tafadhali tafadhali

<mark>

Bootstrap 5 itakapewa kwa rangi ya juu ya nyanja na mabaki ya nje ya kufikia. <mark> na .mark Kifaa:

Mfano

Tafadhali tafadhali tafadhali tafadhali

<abbr>

Bootstrap 5 itakapewa HTML kwa mawakili yafuatavyo: <abbr> Inasababisha muundo wa kifaa ya kuzingatia kwa kuzingatia kwa kuzingatia kwa kuzingatia.

Mfano

Tafadhali tafadhali tafadhali tafadhali

<blockquote>

Kutumia matokeo ya kuzingatia kwa kuzingatia kwa kuzingatia kwa kuzingatia kwa kuzingatia. .blockquote Kifaa zingewandikwa kwenye . <blockquote>.ingia kwa jina la asili, kama vile “Mwongozo wa tovuti ya World Wildlife Fund”, tumeonyesha hii kwenye . .blockquote-footer Kifaa:

Mfano

Tafadhali tafadhali tafadhali tafadhali

<dl>

Bootstrap 5 itakapewa HTML kwa mawakili yafuatavyo: <dl> Maelezo ya kifaa:

Mfano

Tafadhali tafadhali tafadhali tafadhali

<code>

Bootstrap 5 itakapewa HTML kwa mawakili yafuatavyo: <code> Maelezo ya kifaa:

Mfano

Tafadhali tafadhali tafadhali tafadhali

<kbd>

Bootstrap 5 itakapewa HTML kwa mawakili yafuatavyo: <kbd> Maelezo ya kifaa:

Mfano

Tafadhali tafadhali tafadhali tafadhali

<pre>

Bootstrap 5 itakapewa HTML kwa mawakili yafuatavyo: <pre> Maelezo ya kifaa:

Mfano

Tafadhali tafadhali tafadhali tafadhali

Mawakili ya uandikwa zaidi

Kifaa za Bootstrap 5 zifuatazo zingewandikwa kwa mawakili wa HTML ya kufikia.

Kifaa Maelezo Mfano
.lead Inonyesha mawazo ya kuzingatia. Tafadhali tafadhali
.text-left Inasababisha matukio ya kuzingatia kwa kuzingatia. Tafadhali tafadhali
.text-break Inakidi matukio ya kuzingatia ya kuzingatia ya kuzingatia. Tafadhali tafadhali
.text-center Inasababisha matukio ya kuzingatia kwa kuzingatia. Tafadhali tafadhali
.text-decoration-none Kuondoa mabaya ya kuzingatia kwenye viungo. Tafadhali tafadhali
.text-end Inasababisha matukio ya kuzingatia kwa kuzingatia. Tafadhali tafadhali
.text-nowrap Inasababisha matukio ya kuzingatia kwa kuzingatia. Tafadhali tafadhali
.text-lowercase Inasababisha matukio ya kuzingatia kwa kuzingatia. Tafadhali tafadhali
.text-uppercase Inasababisha matukio ya kuzingatia kwa kuzingatia. Tafadhali tafadhali
.text-capitalize Inasababisha matukio ya kuzingatia kwa kuzingatia. Tafadhali tafadhali
.initialism Onyesha matukio ya <abbr> kwa kuzingatia kwa kufikia kwa kuzingatia. Tafadhali tafadhali
.list-unstyled Kuondoa muundo wa kwa kuzingatia na mabaki ya kushika kwa kuzingatia (inatumiwa kwa <ul> na <ol>).
Hii inatumiwa kwa majarida ya kijicho ya kwanza tu.
Kuondoa muundo wa kwa kuzingatia wa kwa kuzingatia kwenye majarida ya kijicho pia tumeonyesha hii kwenye majarida ya kijicho.		 Tafadhali tafadhali
.list-inline Ongeza mabaya yote kwenye mawingu moja.
Tumia pamoja na kila <li> inayotumika kwenye .list-inline-item.		 Tafadhali tafadhali