快速开发响应式网页
使用3版本
用于生产环境的bootstrap
引入
<link rel=”stylesheet” href+”./bootstrap-3.4.1-dist/css/bootstrap.css”>
版心:container 随视口宽度变化有margin有默认的左右15px的padding值
.row元素有一个-15px的margin从而抵消.container元素设置的padding
container-fluid : 流式布局容器,宽度100% 也有默认的左右15px的padding值,当视口宽度改变没有margin
Bootstrap栅格系统
将整个网页的宽度分成若干等份
Bootstrap3默认将网页分成12等份
<768px >=768px >= 992px >=1200px
col-xs-* 超小屏幕
col-xm-* 小屏幕
col-md-* 中等屏幕
col-lg-* 大屏幕
使用插件
先引入jquery.js 再引入bootstrap.js
注意:响应式网页中,如果设置多个盒子直接间距,不要加margin,可以用col-属性的padding