Dividers

Dividers 主要用來當作區隔線,與 <hr />相似,但不同在於 Dividers 可以內置簡單的文字或圖示。

預設樣式

Divider 的設定很簡單,只要一個 <div> 或是其他容器標籤,加上 .divider 即可。如果你要使用一個單純無內容的區隔線,可以直接使用 <hr />

OR
<div class="divider">OR</div>

Facebook SignIn
OR
<div class="divider">OR</div>

Vertical Dividers

另外還有垂直的分隔線,使用方式相同,只要將 .divider 改為 .divider-vertical 即可。

OR
<div class="divider-vertical">OR</div>