bootstrap 划分12列

来源：互联网发布：一直提示安装java 编辑：程序博客网时间：2024/06/06 09:09

<div class="row">  <div class="col-xs-12 col-sm-6 col-md-8">.col-xs-12 .col-sm-6 .col-md-8</div>  <div class="col-xs-6 col-md-4">.col-xs-6 .col-md-4</div></div><div class="row">  <div class="col-xs-6 col-sm-4">.col-xs-6 .col-sm-4</div>  <div class="col-xs-6 col-sm-4">.col-xs-6 .col-sm-4</div>  <!-- Optional: clear the XS cols if their content doesn't match in height -->  <div class="clearfix visible-xs-block"></div>  <div class="col-xs-6 col-sm-4">.col-xs-6 .col-sm-4</div></div>
行（row）”必须包含在 .container 
超小屏幕 手机 (<768px)小屏幕 平板 (≥768px)中等屏幕 桌面显示器 (≥992px)大屏幕 大桌面显示器 (≥1200px)栅格系统行为总是水平排列开始是堆叠在一起的，当大于这些阈值时将变为水平排列C.container 最大宽度None （自动）750px970px1170px类前缀.col-xs-.col-sm-.col-md-.col-lg-列（column）数12最大列（column）宽自动~62px~81px~97px槽（gutter）宽30px （每列左右均有 15px）可嵌套是偏移（Offsets）是列排序是

0 0