2015.8.1 bootstrap学习(个人每日学习的随笔,比较凌乱

写在前面:

记录自己的学习中遇到的问题和解决办法。因为是每日晚上总结,可能只是随便一笔带过方便自己记忆。如有写的错误或者凌乱之处,请勿介意

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,点击下载!)

posted @ 2015-08-08 12:19  Coder豆腐  阅读(183)  评论(0编辑  收藏  举报