1、Layout布局
Bootstrap整个页面的宽度是12个网格的宽度。先在最外面加一个class=”row”,再在里面每个加class=”span4”,将页面平均分成3块。
想让网页内容居中,可以在网页最外面添加一个class=”container”
2、嵌套和流动布局
嵌套的网格应小于或等于被嵌套网格大小。如区块三的四个网格平均分成两个就是class=”span2”。
Class=”container-fluid”,class=”row-fluid”是百分比的宽度,随页面变化大小发生改变。应用流动布局区块三平均分成两个就变成了class=”span6”。
3、响应式布局
Media queries
@media (max-width:767px){} 当页面宽度小于767px时响应大括号内代码。
@media (max-width:767px){} and media (min-width:600px){}当页面宽度大于600px且小于767px时响应大括号内代码。
4、把已有固定宽度转换成响应式布局
Bootstrap-responsive.css
Visible-phone、visible-tabled、visible-
<em>是斜体。
<abbr title=”显示的文字”>当鼠标移到的时候显示title里面的文字</abbr>