Bootstrap 标签

引言

Bootstrap 是一个流行的前端框架，它提供了一套丰富的组件和工具，帮助开发者快速构建响应式和移动优先的网页。在 Bootstrap 中，标签（Badge）是一种小巧的组件，用于显示计数、提示或标识信息。本文将详细介绍 Bootstrap 标签的用法、样式和示例。

Bootstrap 标签的基本用法

在 Bootstrap 中，标签可以通过添加 .badge 类到 <span> 元素上来创建。以下是一个简单的示例：

<span class="badge">4</span>

这个示例将创建一个包含数字 4 的标签。

标签的样式

Bootstrap 提供了多种预定义的样式，可以轻松改变标签的外观。以下是一些常用的样式：

• .badge-primary：蓝色背景
• .badge-secondary：灰色背景
• .badge-success：绿色背景
• .badge-danger：红色背景
• .badge-warning：黄色背景
• .badge-info：浅蓝色背景
• .badge-light：浅灰色背景
• .badge-dark：深灰色背景

你可以将这些类添加到 .badge