Bootstrap 标签

标签可用于计数、提示或页面上其他的标记显示。

Bootstrap 徽章

徽章（Badges）主要用于突出显示新的或未读的项。

如需使用徽章，只需要把 <span class="badge"> 添加到链接、Bootstrap 导航等这些元素上即可。

实例

效果

Bootstrap 超大屏幕

该组件可以增加标题的大小，并为登陆页面内容添加更多的外边距（margin）。

使用超大屏幕的步骤如下：

• 创建一个带有 class .jumbotron. 的容器 <div>。

• 除了更大的 <h1>，字体粗细 font-weight 被减为 200。

Bootstrap 页面标题

页面标题会在网页标题四周添加适当的间距。

当一个网页中有多个标题且每个标题之间需要添加一定的间距时，页面标题这个功能就显得特别有用。

如需使用页面标题，需要把标题放置在带有 class .page-header 的 <div> 中

Bootstrap 缩略图

大多数站点都需要在网格中布局图像、视频、文本等。

Bootstrap 通过缩略图为此提供了一种简便的方式。

使用 Bootstrap 创建缩略图的步骤如下：

• 在图像周围添加带有 class .thumbnail 的 <a> 标签。

• 这会添加四个像素的内边距（padding）和一个灰色的边框。

• 当鼠标悬停在图像上时，会动画显示出图像的轮廓。

添加自定义的内容

可以向缩略图添加各种 HTML 内容，比如标题、段落或按钮。具体步骤如下：

• 把带有 class .thumbnail 的 <a> 标签改为 <div>。

• 在该 <div> 内，您可以添加任何您想要添加的东西。由于这是一个 <div>，我们可以使用默认的基于 span 的命名规则来调整大小。

• 如果您想要给多个图像进行分组，请把它们放置在一个无序列表中，且每个列表项向左浮动

Bootstrap 警告

基本的警告框

可以通过创建一个 <div>，并向其添加一个 .alert class 和四个上下文 class（即alert-success、.alert-info、.alert-warning、.alert-danger)

可取消的警告

创建一个可取消的警告（Dismissal Alert）步骤如下：

• 先添加一个基本的警告框。

• 同时向上面的 <div> class 添加可选的 .alert-dismissable。

• 添加一个关闭按钮。

欢迎大家纠正补充