写在前面：
记录自己的学习中遇到的问题和解决办法。因为是每日晚上总结，可能只是随便一笔带过方便自己记忆。如有写的错误或者凌乱之处，请勿介意
1、<html lang="zh-hans">
en英文 zh-hans简体中文 zh-hant繁体中文
2、<meta name="viewport" content="width=320, user-scalcable=no, initial-scale=1.0, maximum-
scale=1.0, minimum-scale=1.0 ">
user-scalcable用户是否可缩放。正常比例。最大最小缩放。
3、<meta http-equiv="X-UA-Compatible" content="IE=edge">
content="IE=7"用ie7。 content="IE=edge"用最新的ie内核
4、col-xs-*特小。手机。 小于768像素
col-sm-*小的。平板电脑。大于等于768
col-md-*中等。桌面电脑。大于992
col-lg-*特大。 大于1200
5、移动端的流动布局：
一个container div放在最外面
margin：0 auto（左右是auto）
padding：0 15px（左右是15px）
可以这样用：<div class="col-xs-6 col-sm-8">
如果有边栏有主栏。最外面要加个div.row包含两个子div
6、push向右推。pull向左拉。用法：<div class="col-md-6 col-md-push-3">
↑不改变代码结构。把左右div位置交换。用的原因SEO对搜索引擎的优化
7、嵌套：row里面再加row。在第一个row里面再分12份给下一个row
8、清除浮动div.clearfix
9、
偏移：col-md-offset-6（一半）。向右浮动即视感
高亮：alert alert-info
隐藏：hidden-md
显示：visible-xs（我们有支持IOS平台的App，点击下载！）