Bootstrap 网格


网格结构化内容并有助于对其进行完美设计。通过一系列容纳内容的行和列来使用网格系统创建页面布局。

以下是 Bootstrap 网格系统的工作方式 −

  • 行必须放置在 .container 类中以实现适当的对齐和填充。
  • 使用行来创建列的水平组。
  • 内容应放置在列中,并且只有列才能作为行的直接子元素。
  • 预定义的网格类如 .row 和 .col-xs-4 可用于快速制作网格布局。LESS mixins 还可用于更语义化的布局。
  • 列通过填充创建间隙(列内容之间的间隙)。通过 .rows 中的第一个和最后一个列的负边距,在行的填充中抵消该填充。

更新于: 12-6 月-2020

132 次浏览

启动你的 职业

通过完成课程获得认证

开始
广告
© . All rights reserved.