快速开发响应式网页
使用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
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。