3--bootstrap笔记--网格

在web开发中，往往不会使用table而使用div来制作表格，使得页面更加美观和更好的控制，定义表格之后还需要自己写css修饰div的背景颜色和边框效果等等

    <div class="container">
       <div class="row">
          <div class="col-*-*"></div>
          <div class="col-*-*"></div>      
       </div>
       <div class="row">...</div>
    </div>
    <div class="row">
        <div class="col-md-4 col-offset-1">sadad</div>  </div>
    <div class="container">

col-*-* 这里两个参数
第一个*可取值为

• xs 对应小型设备，例如手机
  
• sm 对应平板电脑
  
• md 对应小型台式电脑，笔记本等
  
• lg 对应较大的台式电脑
  第二个参数
  
• 1-12的范围，1表示1格，row的div只能让col-的第三个参数之和为12，否则会溢出到第二层
  
• col-offset-1表示向右偏移1格

效果展示