使用 Bootstrap，您可以轻松地向缩略图添加标题。您可以尝试运行以下代码来添加 HTML 标题 - 示例 现场演示           Bootstrap 示例                                                                                                              缩略图标题                                

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

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

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

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

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

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

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

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

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