關閉按鈕
<div class="alert alert-success">
Close Icon Example
<button type = "button" class = "close" data-dismiss="alert">
×
</button>
</div>
倒三角
<p>Caret Example<span class = "caret"></span></p>
文本背景顏色
<p class="bg-primary">Important: Please read the instructions carefully before proceeding.</p>
......
漂浮
<div class = "pull-left">Quick Float to left</div>
<div class = "pull-right">Quick Float to right</div>
塊居中
<div class = "center-block">
This is an example for center-block
</div>
塊的顯示和隱藏
<div class="show">This is visible to the user.</div>
<div class="hidden">This is not visible to the user.</div>
<div class="invisible">This is not visible but affects the layout.</div>
隱藏文本
隱藏文本看不見，但是可以被搜索引擎看見，同時占據一定的空間
<h1 class="text-hide">The text of this heading is not visible</h1>
<p class="text-hide">The text of this paragraph is not visible.</p>
屏幕閱讀器
其中內容不會顯示出來，但是可以被屏幕閱讀器讀取
<p class="sr-only">This paragraph is only visible to screen readers.</p>
