キャンバス外の例を含むナビゲーションバー

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

上から順に、ダークナビゲーションバー、ライトナビゲーションバー、レスポンシブナビゲーションバーが表示されます。それぞれにオフキャンバスが組み込まれています。ブラウザーウィンドウのサイズを大きなブレークポイントに変更して、オフキャンバスのトグルを表示します。

キャンバス外の例を含むナビゲーション バー