使用 Bootstrap，您可以轻松地将标题添加到缩略图中。您可以尝试运行以下代码来添加 HTML 标题 - 示例 在线演示           Bootstrap 示例                                                                                                              缩略图标题                                

标签非常适合为页面提供计数、提示或其他标记。示例 使用类 .label 显示标签，并尝试运行以下代码 在线演示           Bootstrap 示例                                 教程                       150                       测验                       90                    

在 Bootstrap 中，.thumbnail 类的作用是为图像创建缩略图 - 示例 在线演示           Bootstrap 示例                                                                                                    

使用 .input-sm 类在 Bootstrap 中设置小型输入字段。您可以尝试运行以下代码来实现 .input-sm 类：示例 在线演示           Bootstrap 示例                                                       候选人简介                                    您的职位是什么？                                   程序员                   Web 开发人员                   DBA                   支持工程师                                                         教育资格                                   本科                   本科毕业                   研究生                                                  

在 Bootstrap 中使用 .label-info 类添加浅蓝色标签。您可以尝试运行以下代码来实现 .label-info 类 示例 在线演示           Bootstrap 示例                                         信息标签          信息          

页面标题用于在页面上的标题周围添加适当的间距。要使用页面标题，请将您的标题包装在一个带有 .page-header 类的 中 - 示例 在线演示           Bootstrap 示例                                                       标题             标题的副标题                       演示文本！演示文本！演示文本！演示文本！演示文本！          演示文本！演示文本！演示文本！演示文本！          

使用 Bootstrap 中的缩略图类，您可以轻松创建缩略图。请按照以下步骤操作 - 在图像周围添加一个带有 .thumbnail 类的 标签。这会添加 4 像素的填充和灰色边框。悬停时，动画光晕会勾勒出图像。您可以尝试运行以下代码来创建缩略图 - 示例 在线演示           Bootstrap 示例                                                                                                  

要获得全宽且无圆角的 jumbotron，请在所有 .container 类之外使用 .jumbotron 类，并在其中添加一个 .container。示例 您可以尝试运行以下代码来实现此功能 在线演示           Bootstrap 示例                                                       欢迎来到登录页面！             jumbotron 示例。                                             点击了解更多                                                

使用 Bootstrap 中的 jumbotron 类，可以增加标题的大小，并为登录页面内容添加大量边距。您可以尝试运行以下代码在 Bootstrap 中实现 .jumbotron 类 - 示例 在线演示           Bootstrap 示例                                                       欢迎来到登录页面！             我们的第一页。                           点击了解更多                                

将放置到活动链接，以在药丸的活动状态下设置 Bootstrap 徽章。您可以尝试运行以下代码来实现此目的 - 示例 在线演示           Bootstrap 示例                                 导航中的活动状态                                           29                 首页                                   个人资料                                       9               消息