ブートストラップでドロップダウン メニューを作成する方法

まず、下図に示すように、Sublime Text で新しい HTML ページを作成します。エンコードには必ず utf-8 を選択してください。

次に、以下に示すように、リンク タグを使用してブートストラップ スタイル ライブラリをインポートします。ドロップダウン メニューの効果にはスクリプトが必要なので、順序に注意して jquery スクリプトとブートストラップ スクリプトをインポートする必要があります。

次に、ドロップダウン メニューが正式に導入され、Bootstrap で定義されたドロップダウン スタイルを直接呼び出すことができます。

関連する推奨事項: 「

bootstrap 入門チュートリアル

」

次に、次に示すように、ドロップダウン メニューにメニュー項目を追加します。下の図では、スタイルがドロップダウン メニューであることに注意してください。

最後にプログラムを実行すると、ページ上に以下に示すようなドロップダウン メニューが表示されます。

さらに、ドロップダウン メニューのメニュー項目を分割線で区切る場合は、次の図に示すように、分割線スタイルを直接追加できます。 :

以上がブートストラップでドロップダウン メニューを作成する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。