要使用默认网格嵌套内容，请在现有 .col-md-* 列中添加一个新的 .row 和一组 .col-md-* 列。您可以尝试运行以下代码来学习如何在 Bootstrap 中实现嵌套列 - 示例 在线演示 Bootstrap 示例 标题 标题 这是演示文本。 标题 这是演示文本。 这是框 1。 这是框 2。 这是框 3。 这是框 4。

Bootstrap 网格系统提供以下策略来组织网页上的内容 - 内容确定什么最重要。布局首先设计为较小的宽度。基础 CSS 首先解决移动设备问题；媒体查询解决平板电脑和台式机的兼容性问题。渐进增强随着屏幕尺寸的增加添加元素。

偏移用于为获得更多间距而推动列。要在大型显示器上使用偏移，请使用 .col-md-offset-* 类。您可以尝试运行以下代码来学习如何在 Bootstrap 中使用偏移列 - 示例 在线演示 Bootstrap 示例 标题一 这是演示文本。这是演示文本。

以下示例显示了针对多种设备使用网格的方法 - 示例 在线演示 Bootstrap 示例 Hello, world! Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut ... 阅读更多

在 Bootstrap 中使用 .previous 类左对齐链接。您可以尝试运行以下代码来实现 .previous 类 - 示例 在线演示 Bootstrap 示例 答案 ← 旧的 新的 →

以下示例显示了适用于中型和大型设备的 Bootstrap 网格 - 示例 在线演示 Bootstrap 示例 Hello, world! Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut ... 阅读更多

以下示例显示了堆叠到水平的 Bootstrap 网格 - 示例 在线演示 Bootstrap 示例 标题一 Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad ... 阅读更多

Bootstrap 中的网格结构如下所示 - 示例 …… ……

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

网格系统用于通过一系列包含内容的行和列来创建页面布局。以下是 Bootstrap 网格系统的工作原理：行必须放在 .container 类中才能正确对齐和填充。使用行创建列的水平组。内容应放在列中，并且只有列可以作为行的直接子元素。预定义的网格类，如 .row 和 .col-xs-4，可用于快速创建网格布局。更少的 mixin 也可用于更语义化的布局。列通过填充创建间距（列内容之间的间隙）。该填充在第一行的行中被抵消…… 阅读更多