Darkオフキャンバスナビゲーションバー

Lightオフキャンバスナビゲーションバー

ビューポート大(992px)未満でオフキャンバスを開くナビゲーションバー

オフキャンバス付きのナビバーの実例

この例は、レスポンシブのオフキャンバスメニューがナビゲーションバー内でどのように機能するかを示している。ナビゲーションバーの配置については、静的トップトップ固定の例を確認すること。

上から順に、Darkナビバー、Lightナビバー、レスポンシブナビバーを表示。それぞれにオフキャンバスが組み込まれている。ブラウザウィンドウのサイズを大(lg)のブレークポイント(992px未満)に変更して、オフキャンバスの切り替えを確認すること。

オフキャンバス付きのナビバーについて学習 »


閉じる