bootstrap怎么在图形上显示文字
时间: 2024-03-26 21:42:21 浏览: 70
在Bootstrap中,可以使用以下类来在图形上显示文字:
1. `card-title`类:用于在卡片的顶部显示标题。
2. `card-subtitle`类:用于在卡片的顶部显示副标题。
3. `card-text`类:用于在卡片的主体部分显示文本。
4. `badge`类:用于在图形上显示徽章,可以用来显示数字或文本。
下面是几个例子:
1. 在卡片中显示标题和副标题:
```
<div class="card">
<div class="card-body">
<h5 class="card-title">Card Title</h5>
<h6 class="card-subtitle mb-2 text-muted">Card Subtitle</h6>
<p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
</div>
</div>
```
2. 在图形上显示徽章:
```
<span class="badge badge-primary">Primary</span>
<span class="badge badge-secondary">Secondary</span>
<span class="badge badge-success">Success</span>
<span class="badge badge-danger">Danger</span>
<span class="badge badge-warning">Warning</span>
<span class="badge badge-info">Info</span>
<span class="badge badge-light">Light</span>
<span class="badge badge-dark">Dark</span>
```
阅读全文