bootstrap基本功能代码.docx

引入CSS文件
Bootstrap 需要为页面内容和栅格系统包裹一个 .container 容器。
<div class="container">
...
</div>
设置列宽度
<div class="row">
<div class="col-md-8">.col-md-8</div>
<div class="col-md-4">.col-md-4</div>
</div>
Style 设置行、列的样式(宽度,长度,颜色)
栅格系统的嵌套(含偏移量)
栅格顺序变换
放大标题(强调效果)
<mark></mark>
缩小:<small></small>
对齐
<p class="text-left">Left aligned text.</p>
<p class="text-center">Center aligned text.</p>
<p class="text-right">Right aligned text.</p>
<p class="text-justify">Justified text.</p>
<p class="text-nowrap">No wrap text.</p>
列表的嵌套:有样式
去掉列表的样式
变量:<var></var>
表单:
鼠标悬停效果
<table class="table table-hover">
...
</table>
悬停效果
<table class="table table-condensed">
...
</table>
改变颜色
<tr class="active">...</tr>
<tr class="ess">...</tr>
<tr class="warning">...</tr>
<tr class="danger">...</tr>
<tr class="info">...</tr>
图片样式
<img src="..." alt="..." class="img-rounded">
<img src="..." alt="..." class="img-circle">
<img src="..." alt="..." class="img-thumbnail">