10 09/2014

Bootstrap 3 grid 断点

最后更新: Wed Sep 10 2014 12:36:06 GMT+0800


  • 手机 <768 .col-xs-
  • 平板 > 768 .col-sm-
  • 电脑 > 992 .col-md-
  • 更大的屏幕 > 1170 .col-lg-

Extra small devices
Phones (<768px)

Small devices
Tablets (≥768px)

Medium devices
Desktops (≥992px)

Large devices
Desktops (≥1200px)
Grid behavior Horizontal at all times Collapsed to start, horizontal above breakpoints
Max container width None (auto) 750px 970px 1170px
Class prefix .col-xs- .col-sm- .col-md- .col-lg-
# of columns 12
Max column width Auto 60px 78px 95px
Gutter width 30px (15px on each side of a column)
Nestable Yes
Offsets N/A Yes
Column ordering N/A Yes