要使用默认网格嵌套内容，请在现有的 .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 也可以用于更语义化的布局。列通过填充创建槽（列内容之间的间隙）。该填充在第一行中被抵消 ... 阅读更多