Peiqin

时间有限,不要在此停留太久

0%

     bootstrap 笔记

前言:bootstrap 是基于jQery搭建的css框架。

准备

HTML头部注入

在IE运行最新的渲染模式:
<meta http-equiv="X-UA-Compatible" content="IE=edag">

初始化移动浏览显示:
<meta name="viewport" content="width=device-width" initial=scale=1">

bootstrap模板为使IE6、7、8版本(IE9以下版本)浏览器兼容html5新增的标签,引入下面代码文件即可:
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>

同理为使IE6、7、8版本浏览器兼容css3样式,引入下面代码:
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>

###HTML body底部依次注入
<scirpt>...js/jquery.mim.js</script>
<script>...js/bootstrap.min.js></script>
##常用的类

表格

#####<table><thead><tr><td>-<tbody><tr><td>``<ul><li><ol>
dl-horizontal:大于 784px 文本水平居中

list-inline :li标签 水平排列

tabal-striped:斑马线样式表单

list-unstyled(没有样式) (必须添加)table table-bordered(边框表格)、table-hover(鼠标经过高亮)、table-condensed(紧凑)table-responsive(div 父类中添加

###表单