Bootstrap 3 : Navbar - tkymtk's blog

デフォルト Navbarはサイトやアプリのナビゲーションヘッダーの役割を果たすレスポンシブな高次のコンポーネント。 モバイルビューでは折り畳まれ、切り替えが可能になる。 viewportの幅が広がるにつれ、横方向になる。 折り畳まれるポイントをカスタム: どの時点で折り畳まれるか、または横に広がるかは@grid-float-breakpointを加筆修正してカスタム JavaScriptが必要: JavaScriptがないと、折り畳まれた時に .navbar-collapse内のコードを展開することができない。 .icon-barとかの役割 <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"> <span class="s

[lingling_yas]

“<!-- デスクトップでは表示されないが、モバイルのときはボタンとして表示される。 --> <!-- `data-`類はJavaScriptでの制御に使われる。 --> <!-- 無いとトグルがはたらかない --> <button type="button" class="navbar-toggle" data-toggle="collapse"