在网站或博客上，面包屑可以显示发布日期、类别或标签。面包屑显示基于层次结构的信息。在 Bootstrap 中，使用 .breadcrumb 类为网站添加面包屑。您可以尝试运行以下代码以实现面包屑 -示例实时演示           Bootstrap 示例                                          首页          测验          PHP          

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

Bootstrap 中 .thumbnail 类的作用是用于为图像创建缩略图 -示例实时演示           Bootstrap 示例                                                                                                    

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

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

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

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

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

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

对于活动状态，请将活动链接放置在 Bootstrap 中 -您可以尝试运行以下代码以实现此目的示例实时演示           Bootstrap 示例                                导航中的活动状态                                            29                首页                                                            9                邮件