Bootstrap 学习总结

学习总结

---

流程

Grid System原理及页面布局方式

响应式设计

1. 只设计一套页面，却可以在PC、平板和各种手机上得到一致的体验

栅格系统将屏幕分成类似表格， 每一行要求小于等于12列

.col-sm- 表示小屏幕 平板 (≥768px) ，col-md-*表示中等屏幕 桌面显示器 (≥992px)

比如：

    <div class="row">
      <div class="col-md-8 col-xs-12">.col-md-8</div>
      <div