跨多个设备的工作 Bootstrap 网格系统

网格系统通过一系列包含你内容的行和列用于创建页面布局。

以下是 Bootstrap 网格系统的工作原理

  • 必须将行置于 .container 类中以实现适当的对齐和填充。
  • 使用行创建列的水平组。
  • 内容应该置于列中，并且只有列可以是行的直接子内容。
  • 可以使用预定义的网格类（例如 .row 和 .col-xs-4）快速创建网格布局。还可以在更加语义化的布局中使用更少的混入。
  • 列通过填充创建留白（列内容之间的间隙）。在 .rows 上，使用 .rows 中第一个和最后一个列的负边距抵消行中的填充。
  • 通过指定想要跨越的十二个可用列中的列数来创建网格列。例如，三个相等的列应使用三个 .col-xs-4。

更新于：2020-06-12

353 次浏览

开启你的职业

完成该课程获得认证

开始
广告