ドロップダウンは、<select> <option value = ''> </option> </select>の形式のタイプではありませんが、ナビゲーションバーによく見られるタイプです。
公式のブートストラップWebサイトには、ドロップダウンメニューのドロップダウン、公式の英語のWebサイトについてはほとんど説明がありません。
ドロップダウンメニューの背景色を変更する方法、ドロップダウンメニューのデフォルトのブラックハイパーリンクが変更された場合、ドロップダウンメニューをテキストスタイルの代わりに通常のハイパーリンクに変更する方法については、具体的な説明はありません。公式Webサイトには特定の説明がありません。
さらに、公式ウェブサイトのハイパーリンクコードは、多くの役に立たないパラメーターと混合されています。
著者は、ドロップダウンメニューを変更する方法を見つける前に、長い間勉強しています。
以下は、ブートストラップ用のIE8のドロップダウンメニューです。将来的には、 IE8を使用してテストする必要があります。 Googleなどの高度なブラウザは、多くのバグをカバーしています。
ドロップダウンメニューの背景色を変更する方法、デフォルトのブラックハイパーリンクを変更する場合、テキストスタイルの代わりにドロップダウンメニューを通常のハイパーリンクに変更する方法を提供します。
ドロップダウンメニューのフレームを変更する方法については、私は本当に無力です。
上記のドロップダウンメニュー固有の実装については、次のコードを参照してください。
< xmlns = "http://www.w3.org/1999/xhtml"> <head> <meta http-equiv = "content-type" content = "text/html; charse type = "text/javascript" src = "js/jquery-1.11.1.js"> </script> <script> <script = "text/javascript" src = "js/bootstrap.js"> </script> <タイトル>ドロップダウンメニュードロップダウン</タイトル> </head> <ボディ> < - > <ボタンタイプ= "ボタン" data-toggle = "ドロップダウン">ドロップダウンメニュー<! - これはドロップダウンメニューの横にある小さな三角形です - > <span> </span> </span> </button> <! - ラベルを振り回すプロパティのドロップダウンメヌはドロップダウンメニューの背景色を変更できます - > <ulロール= <ulハイパーリンクのように見えるブラックからブルーへのドロップダウンメニュー - > <a href = "#"> <span>プロジェクト1 </span> </a> </li> <li> <a href = "#"> <span>プロジェクト2 </span> </a> </li> </ul> </div> </body> </html>
ドロップダウンメニューは、jQueryサポートなしでは機能しません。ドロップダウンメニューは、もともとJavaScriptコンポーネントです。
ブートストラップの前に、ドロップダウンメニューを書き、隠されたレイヤーを定義します。このレイヤーは、マウスがホーバーするか、対応するハイパーリンクをクリックした後に表示されます。レイヤーを隠すためにマウスがここに浮かんでいる場合、隠されたレイヤーは引き続き表示されます。マウスがこの隠された層を離れると、隠された層は表示から隠されたものに変わり続けます。これは非常に面倒です。
それでも詳細に勉強したい場合は、ここをクリックして3つのエキサイティングなトピックを勉強して添付できます。
ブートストラップ学習チュートリアル
ブートストラップ実用的なチュートリアル
ブートストラッププラグインの使用チュートリアル
上記はこの記事のすべての内容です。みんなの学習に役立つことを願っています。誰もがwulin.comをもっとサポートすることを願っています。