まず、下図に示すように、Sublime Text で新しい HTML ページを作成します。エンコードには必ず utf-8 を選択してください。
次に、以下に示すように、リンク タグを使用してブートストラップ スタイル ライブラリをインポートします。ドロップダウン メニューの効果にはスクリプトが必要なので、順序に注意して jquery スクリプトとブートストラップ スクリプトをインポートする必要があります。
次に、ドロップダウン メニューが正式に導入され、Bootstrap で定義されたドロップダウン スタイルを直接呼び出すことができます。
関連する推奨事項: 「
bootstrap 入門チュートリアル」
次に、次に示すように、ドロップダウン メニューにメニュー項目を追加します。下の図では、スタイルがドロップダウン メニューであることに注意してください。最後にプログラムを実行すると、ページ上に以下に示すようなドロップダウン メニューが表示されます。
さらに、ドロップダウン メニューのメニュー項目を分割線で区切る場合は、次の図に示すように、分割線スタイルを直接追加できます。 :
以上がブートストラップでドロップダウン メニューを作成する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。