タグ

bootstrapとヘッダに関するGen2423のブックマーク (1)

  • ナビゲーションバー

    基礎知識 ナビゲーションバーを始める前に知っておきたいことをご紹介します。 レスポンシブに折りたたむために.navbarを.navbar-expand{-sm|md|-lg|-xl|-xxl}`でラッピングする必要があり、配色クラスも必要です。 ナビゲーションバーとコンテンツはデフォルトでは流動的です。コンテナを変更することで、横幅をさまざまな方法で制限することができます。 ナビゲーションバー内の間隔と配置を制御するには、spacingとflexを利用します。 デフォルトではレスポンシブになっていますが、簡単に変更することができます。レスポンシブな動作はCollapse JavaScriptプラグインに依存します。 <nav>要素を使用してアクセシビリティを確保するか、<div>のようなより汎用的な要素を使用する場合は、role="navigation"をすべてのナビゲーションバーに追加し

    ナビゲーションバー
  • 1