Bootstrap 网格


网格结构内容并帮助完美设计它。通过一系列行和列来创建页面布局来使用网格系统来容纳你的内容。

Bootstrap 网格系统的工作原理如下 −

  • 为进行对齐和填充,行必须放在一个 .container 类中。
  • 使用行来创建横向组的列。
  • 内容应放在列中,并且只有列才能成为行的直接子级。
  • 可使用 .row 和 .col-xs-4 等预定义网格类来快速创建网格布局。LESS 混入也可用于更语义化的布局。
  • 列通过填充创建槽(列内容之间的间隙)。该填充在行中通过 .row 中的负边距在第一列和最后一列中抵消。

更新于: 2020-06-12

132 浏览

启动你的职业生涯

课程学习之后获得认证

入门
广告
© . All rights reserved.