首页 > 代码库 > Bootstrap页面布局6 - BS把已有的固定宽度布局转换成响应式布局
Bootstrap页面布局6 - BS把已有的固定宽度布局转换成响应式布局
首先引入文件bootstrap-responsive.css
<link href="http://www.mamicode.com/bootstrap/css/bootstrap-responsive.css" rel="stylesheet">
bootstrap-responsive.css这个样式表已经为我们针对常用的上网设备做好了相应的响应式设计:
比如:
分辨率宽度1200像素以上的屏幕上,网格的宽度会由60px变为70px,且网格与网格之间的距离由20px变为30px
在平板电脑的垂直状态下,每一个网格的宽度由默认的60px会变为42px;
如果是再小一点的屏幕,网格宽度会变为”流动的"宽度,且网格类所在的元素会堆砌在一起。
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。