当前位置： 移动技术网 > IT编程>开发语言>JavaScript > bootstrap思考一

bootstrap思考一

2019年03月09日  | 移动技术网IT编程  | 我要评论

    bootstrap是一种热门的web前端流行框架，如果要兼容pc端、手机端和响应式布局，那他一定是我的首选。bootstrap内容很多，功能强大，其中最好入门也是很重要的就是他的栅格系统。他有四个典型类：

col-xs-     对应超小设备（屏幕<768 px ）手机

col-sm-    对应小型设备（屏幕>768 px 屏幕<992 px ）平板电脑

col-md-   对应中型设备（屏幕>992 px 屏幕<1200 px ）台式电脑

col-lg-    对应大型设备（屏幕>1200 px）台式电脑

  简单的写法：

<div class="row">
    <div class="col-xs-3 col-sm-2 col-md-2"></div>
    <div class="col-xs-3 col-sm-2 col-md-2"></div>
   <div class="col-xs-3 col-sm-2 col-md-2"></div>
</div>

       

 

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网