系统整理一遍bootstrap 的东西
1/ 设置页面为H5文档类型
<!DOCTYPE html> <html lang="zh-CN"> ... </html>
2/ v3将移动设备css和PC设备css加了自适应,所以引用一个文件即可.而且支持移动设备优先, 禁用缩放功能.
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
3/ 布局容器.container
<div class="container"> ... </div> <!--用于固定宽度的容器--> <div class="container-fluid"> ... </div> <!--用于占满view-port宽度属性的容器,全屏-->
4/ row 必须包含在. container 或 .container-fluid 中, 只有column 可以作为row 的直接子元素
***
网站布局: 栅格化布局,为什么选择12列,960=2^6*3*5 在1280*768有更多种选择. 使用GRIDPAK 创建自己的栅格化布局框架
FLEX布局: 九宫格式布局. display:flex
瀑布流布局: masonry
***
5/ 设置页面元素快速浮动
<div class="pull-left">...</div> <div class="pull-right">...</div>
6/ 设置页面元素隐藏
<div class="show">...</div> <div class="hidden">...</div>
<div class="invisible">...</div>