加入收藏 | 设为首页 | 会员中心 | 我要投稿 焦作站长网 (https://www.0391zz.com/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 教程 > 正文

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

发布时间:2020-03-12 19:09:45 所属栏目:教程 来源:站长网
导读:下面小编就为大家带来一篇bootstrap学习心得总结-css样式设计分享。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧

                     <div  class="col-xs-4">11</div>     -- col-sm-4 :指>=768px的设备   

                     <div  class="col-xs-4">22</div>     -- col-md-4 :指>=992px设备   

                     <div  class="col-xs-4">33</div>     -- col-lg-4 :值1200px设备   

        </div>   

          <div  class="row">   

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

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

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

         </div>   

           <div  class="row">   

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

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

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

         </div>   

           <div  class="row">   

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

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

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

         </div>   

  

</div>   

</body>   

</html>  

css网格式有四种写法,主要应用于不同设备的分辨率。

2:平移列

使用offset来进行平移。即平移的列数

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

(编辑:焦作站长网)

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

推荐文章
    热点阅读