關閉按鈕

<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>