オフキャンバスのサンプルがあるナビゲーションバー

このサンプルは、レスポンシブのオフキャンバスメニューがナビゲーションバー内でどのように機能するかを示します。ナビゲーションバーの位置については、トップと固定トップのサンプルをご覧ください。

上から下に向かって、ダークナビゲーションバー、ライトナビゲーションバー、レスポンシブナビゲーションバーが表示されています。それぞれにオフキャンバスが組み込まれています。オフキャンバスのトグルを表示するには、ブラウザウィンドウの幅をラージブレークポイントまで小さくします。