跳到主要内容

Bootstrap中显示标签的class?

参考答案:

Bootstrap 是一个流行的前端框架,它提供了一系列的 CSS 和 JavaScript 类来帮助开发者快速构建响应式和美观的网页。在 Bootstrap 中,用于显示标签的类通常是 .label

以下是一个简单的示例,展示了如何使用 Bootstrap 中的 .label 类来显示一个标签:

<span class="label label-default">默认标签</span>
<span class="label label-primary">主要标签</span>
<span class="label label-success">成功标签</span>
<span class="label label-danger">危险标签</span>
<span class="label label-warning">警告标签</span>
<span class="label label-info">信息标签</span>

在上面的示例中,我们使用了不同的 label-* 类来定义标签的颜色和样式。这些类包括:

  • label-default:默认标签样式,通常是灰色。
  • label-primary:主要标签样式,通常是蓝色。
  • label-success:成功标签样式,通常是绿色。
  • label-danger:危险标签样式,通常是红色。
  • label-warning:警告标签样式,通常是黄色。
  • label-info:信息标签样式,通常是浅蓝色。

你可以根据需要选择适合你的项目的标签样式。此外,Bootstrap 还提供了其他类和工具来帮助你自定义标签的样式和布局。