前言: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 父类中添加
)
###表单