要创建小型输入组，请使用 input-group-sm。您可以尝试运行以下代码在 Bootstrap 中实现 input-group-sm 类 -示例在线演示           Bootstrap 示例                                                                        $                                                

要为表格添加边框，请使用 table-bordered 类。您可以尝试运行以下代码来实现 table-bordered 类 -示例在线演示           Bootstrap 表格                                              足球运动员排名                                    足球运动员              排名              国家                                                        梅西                1                阿根廷                                      内马尔                2                巴西                                      罗纳尔多                3                葡萄牙                                

要在 Bootstrap 中添加条纹表格，请使用 .table-striped 类。您可以尝试运行以下代码来实现 .table-striped 类 -示例在线演示           Bootstrap 表格                                                足球运动员排名                                    足球运动员              排名                                                          Amit                3                                      Kevin                2                                

要在 Bootstrap 中创建表格，请使用 .table 类。您可以尝试运行以下代码来实现 .table 类 -示例在线演示           Bootstrap 表格                                                体育表格                                    板球运动员                排名                                                          Amit                3                                      Kevin                2                                

以下是 Bootstrap 表格元素 -标签描述用于以表格格式显示数据的包装元素用于表格标题行 ( ) 的容器元素，用于标记表格列。表格主体中表格行 ( ) 的容器元素。一组出现在同一行上的表格单元格 ( 或 ) 的容器元素。默认表格单元格。用于列（或行，取决于范围和位置）标签的特殊表格单元格。必须在中使用表格包含内容的描述或摘要。

在定义列表中，每个列表项可以包含 和 元素。代表定义术语，就像字典一样，这是正在定义的术语（或短语）。随后，是 的定义。您可以使用类 dl-horizontal 使术语和说明并排排列。您可以尝试运行以下代码来实现 dl-horizontal 类：示例在线演示           Bootstrap 列表                                    列表       水果（有序列表）                奇异果          苹果          芒果            蔬菜（无序列表）                西红柿          茄子          西兰花            水平定义列表                描述 1          项目 1          描述 2          项目 2          

如果代码需要显示为独立的块级元素，或者它有多行，那么您应该使用 标签。您可以尝试运行以下代码来实现代码的预标签 -示例在线演示           Bootstrap 示例                                        标题一          标题二          

对于 Bootstrap 中的无序列表，您可以尝试运行以下代码 -示例在线演示           Bootstrap 列表                                    列表       水果（有序列表）                奇异果          苹果          芒果            蔬菜（无序列表）                西红柿          茄子          西兰花          

使用 Bootstrap，您可以轻松地使用 和 标签显示代码。标签将代码显示为内联元素。要使用 标签显示代码，您可以尝试运行以下代码 -示例    <header> 被包装为内联元素。

您可以尝试运行以下代码在 Bootstrap 中实现 list-inline 类示例在线演示           Bootstrap 列表                                    列表       水果（有序列表）                奇异果          苹果          芒果            蔬菜（无序列表）                西红柿          茄子          西兰花            汽车（内联列表）                宝马          奥迪          宾利