ナビゲーション例


タブ型ナビゲーション

.nav-tabsを指定。



ページ内切替

Tab1 Homeです
Tab2 Profileです
Tab3 Messagesです

ピル型ナビゲーション

.nav-pillsを指定。



ページ内切替

Tab1 Homeです
Tab2 Profileです
Tab3 Messagesです

.nav-stackedを追加で指定。

均等配置ナビゲーション

.nav-justifiedを指定。


均等配置のタブ型ナビゲーション


均等配置のピル型ナビゲーション


ドロップダウンメニュー

タブ型、ピル型のナビ内でドロップダウンメニューを使用。


タブ型ナビゲーションのドロップダウンメニュー


ピル型ナビゲーションのドロップダウンメニュー


リンクの無効化(表示上のみ)

.disabledを指定。