bootstrap学习心得总结-css样式设计分享

<div  class="container"><!--或者container-fluid-->  

        <div  class="row">  

                     <div  class="col-xs-4">11</div>  

                     <div  class="col-xs-4">22</div>  

                     <div  class="col-xs-offset-2   col-xs-4">33</div>---指33向右平移了两列   

         </div>  

           <div  class="row">  

                     <div  class="col-md-4">11</div>  

                     <div  class="col-md-4  col-md-offset-2">22</div>  

                     <div  class="col-md-4">33</div>  

         </div>    

         <div class="row">  

                <div class="col-md-4">11</div>  

                <div class="col-md-4 col-md-offset-2">22</div>    

                <div class="col-md-4">33</div>    

        </div>            

</div>  

<!-- 平移列-->  

效果如下：

33由于平移了两列，不能满足它占4列的要求，于是被挤到下一行开始占据4列。简单来说，相当于将整个div块右移。

3：嵌套列

即在网格列里面再嵌套列。我们对比来看。

XML/HTML Code复制内容到剪贴板

（编辑：焦作站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!