Bootstarp学习教程（14） 其他相关组件（2）


页面标题：简单的

h1

样式，可以适当地分出空间且分开页面中的章节。像其它组件一样，它可以使用

h1

的默认

small

元素

<div class="page-header">
  <h1>Example page header <small>Subtext for header</small></h1>
</div>

缩略图：用缩略图组件扩展Bootstrap的栅格系统，可以简单地显示栅格样式的图像，视频，文本，等等。





警告框：为典型的用户动作提供少数可用且灵活的反馈消息。要用关闭功能，请使用jQuery警告框插件.

<div class="container">
		<div class="row">
			<ul class="nav nav-pills nav-justified ">
				<li class="active"><a href="#">主页</a></li>
				<li><a href="#">简介</a></li>
				<li><a href="#">信息</a></li>
			</ul>
		</div>
		<br/>
	<div class="alert alert-success">111111111111111111111111</div>
	<div class="alert alert-info">2222222222222222222222</div>
	<div class="alert alert-warning">33333333333333333</div>
	<div class="alert alert-danger">444444444444444444444</div>

	</div>

可关闭的警告框:可以用一个可选的

.alert-dismissable

和关闭按钮。

警告框中的链接:用

.alert-link

工具类，可以快速提供在任何警告框中相符的颜色。

进度条:提供工作或动作的实时反馈，只用简单且灵活的进度条。











媒体对象:这是一个抽象的样式，用以构建不同类型的组件，这些组件都具有在文本内容的左或右对齐的图片（就像blog内容或Tweets等）。