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

             <div class="col-xs-8">  

                    <div class="col-xs-6">2</div>  

                    <div class="col-xs-6">2</div>  

         </div>  

     </div>  

四：响应式设计  

简单来说就是支持不同设备（手机，PC）的分辨率(960PX,1366PX,978PX等等)进行自适应响应。

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

<div class="row">     

                        <div class="col-xs-6   col-md-12">21</div>     

                        <div class="col-xs-6  col-md-12">24</div>       

          </div>    

当设备>=992px时。效果如下：

上面两种类，分别表示的分辨率不一样。col-md-12此时表示每列独占一行即12列。

以上这篇bootstrap学习心得总结-css样式设计分享就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。

（编辑：焦作站长网）

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