960布局

标签：

之前学习了960布局 这个框架上手也蛮快的 在实际操作当中也很实用 在今天的网页制作当中就用了这个框架 横着 竖着 都可以用  960的grid 可以分为 12栏 16栏的 用.container_12 和 .container_16来区分 就是将960分成12块或者16块  不过16栏的不常用 会麻烦一些 所以老师建议 用好12栏的就可以了  充分最大化内容的显示区   用container_12 3 6 3 将网页平均分开的时候 两个图像之间会有一个空缺  这个空缺就是margin 在默认的情况下，每一列的左右都会留出10px的白，那么相邻的两列之间的margin就是20px 也可以很方便的去掉 左边或者右边的margin  用alpha是去除左边的margin，omega是去除右边的margin  为了清除它对身后的CSS设置影响，建议在每个横向DIV大块做完之后，都加上class="clear"进行收尾

案例:

 <div class="container">         <div class="row">           <div class="col-lg-12 header"></div>         </div>        <div class="row">            <div class="col-lg-3 left"></div>            <div class="col-lg-6 mid"></div>            <div class="col-lg-3 right"></div>        </div>        <div class="row">            <div class="col-lg-12 footer"></div>        </div>    </div>

960布局

标签：

原文地址：http://www.cnblogs.com/Anson-xuan/p/4659877.html