/plugins/bootstrap/css/bootstrap.min.css" type="text/css" rel="stylesheet"/>
<linkhref="assets/plugins...窗口随<em>系统</em>尺寸Grid最多分为12<em>列</em>
<em>网格</em><em>系统</em>
1,table ,加载完所有,显示表格
2,div+css,加载一点,显示一点:操作难度大
移动设备策略
媒体查询,(渐进增强:...向上兼容)内容先显示
行必须放在.container class内
内容放在<em>列</em>内,<em>列</em>是行<em>的</em>直接子元素
预定义<em>网格</em>:.row 和.col(<em>列</em>)-xs(设配)-<em>4</em>(所占<em>列</em>数)
使用媒体查询
语法:@...media 媒体类型 and(媒体特性:作用<em>的</em>范围){你<em>的</em>样式}
@media screen and (max-widthj:480px){
.a{display:none} //当小于...important可强制生效,当(用style)更改<em>bootstrap</em><em>的</em>css时,即会失效
矢量图标:bootstarp本身已过时,可扩展,找到font加入对应css
https://icons8.com
