TwitterのBootstrapは、現在最も人気のあるフロントエンドフレームワークです。 Bootstrapは、HTML、CSS、およびJavaScriptに基づいています。シンプルで柔軟で、Web開発をより速くします。レスポンシブナビゲーションバーは、さまざまなデバイスにさまざまな効果を表示することです。
以下のコードを共有させてください。
<ヘッダーロール= "Banner"> <nav role = "navigation"> <div> <div> <ボタンタイプ= "button" data-toggle = "collapse" data-target = "。vavbar-collapse"> <span> </span> </span> <span </span> <span> </span> </button> <a href = "index.html"> bootstrappin '</a> </div> <ul> <li> <a href = "index.html"> home </a> </li> <li> <a href = "#"> portfolio </a> </li> <li> <a href = "> team </</ href = "#">連絡先</a> </li> </ul> </div> <! - /。nav-collapse-> </div> <! - /。コンテナ - > </nav> </header>
data-toggle =”崩壊”予想される動作
上記のコンテンツは、編集者が紹介したブートストラップレスポンシブナビゲーションバーの紹介の例です。それがあなたに役立つことを願っています!