Bootstrap----部分组件类名的应用
页头: page-header
巨幕: jumbotron ( 展示一个网页关键区域)
缩略图: thumbnail(极小的) (可以做出九宫格的效果)
部分代码:<!-- 尽量不要给img设置属性 可以套一个div -->
<div class="thumbnail">
<img src="jinmu.jpg" alt="" width="300">
</div>
警告-弹框 : alert(提示 通知)
</div><div class="alert alert-warning">
禁止访问
<!-- close 布局 给警告框设置了一个关闭的按钮将警告框关闭 -->
<button class="close" data-dismiss="alert">
<span>×</span>
</button>
</div>
内嵌 : well
进度条 : progress
该例子添加了条纹,动画,堆叠等效果
<div class="progress">
<div class="progress-bar progress-bar-success progress-bar-striped active" style="width: 60%;"> 60%</div>
<div class="progress-bar progress-bar-danger" style="width: 30%;">30%</div>
<div class="progress-bar progress-bar-warning" style="width: 10%;">10%</div>
</div>