通过创建一个包装器并添加 .alert 类和四个上下文类之一（例如 .alert-success、.alert-info、.alert-warning、.alert-danger）来添加基本警报。您可以尝试运行以下代码来创建 alert 类 − 示例 在线演示           Bootstrap 示例                                          这是成功！                      这是信息！                      这是警告！                      这是错误！          

要在 Bootstrap 面板中包含列表组，请通过向元素添加类 .panel 来创建面板。还要为此元素添加类 .panel-default。现在，在此面板中包含您的列表组。示例 在线演示           Bootstrap 示例                                          教程                       教程列表                                 C             Java             Ruby             C++                    

Bootstrap 中的 panel-primary 类是一个上下文状态类。是的，它是蓝色的。您可以尝试运行以下代码以在 Bootstrap 中实现 panel-primary 类 示例 在线演示           Bootstrap 示例                                                       面板标题                                 这是一个基本面板                    

要在 Bootstrap 中创建表格，请使用 .table 类。您可以尝试运行以下代码来创建表格：在线演示           Bootstrap 示例                                                       结果                                 2017-18 届优秀学生                                                学生                分数                排名                                        David                82                1                                        John                79                2                                        Tom                76                3                                

Scroll spy（自动更新导航）插件允许您根据滚动位置定位页面上的部分。在其基本实现中，当您滚动时，您可以根据滚动位置向导航栏添加 .active 类。您可以尝试运行以下代码以在 Bootstrap 中实现 scrollspy 插件 − 示例 在线演示           Bootstrap 示例                                                                     ... 阅读更多

要在面板中创建无边框表格，请在面板内使用 .table 类。您可以尝试运行以下代码以在面板中形成表格 示例 在线演示           Bootstrap 示例                                                       面板标题                                 这是一个演示面板                                                学生                分数                排名                                        Amit                97                1                                        Virat                83                2                                        Tom                70                3                                

Bootstrap 中的 .panel-danger 类用于指示危险。您可以尝试运行以下代码以实现 panel-danger 类 − 示例 在线演示           Bootstrap 示例                                                       面板标题（危险）                                 这是一个基本面板                    

按照以下步骤设置带标题的 Bootstrap 面板 − 使用 .panel-heading 类向面板添加标题容器。使用任何 - 和 .panel-title 类添加预设样式的标题。您可以尝试运行以下代码以在 Bootstrap 中使用带标题的面板 − 示例 在线演示           Bootstrap 示例                                                       教程                                 免费学习                                                                      测验                                                             尝试这些测验                    

当您想将 DOM 组件放在框中时，可以使用面板组件。要获得基本面板，只需向元素添加类 .panel。您可以尝试运行以下代码以在 Bootstrap 中实现 panel 类 示例 在线演示           Bootstrap 示例                                                       演示面板                    

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