ブートストラップのドロップダウン メニューとは何ですか?

ブートストラップ ドロップダウン メニューは、次のタイプで使用できます。 基本ドロップダウン メニュー: 要素をクリックまたはホバーした後にメニューを表示します。分割ドロップダウン メニュー: グループ メニュー項目に仕切りを追加します。タイトル ドロップダウン メニュー: タイトルを使用してメニュー項目を整理します。フォーム ドロップダウン メニュー: フォーム要素が含まれます。フォーカス可能なドロップダウン: キーボード ナビゲーションを許可します。ドロップダウン メニューを無効にする: ユーザー操作を無効にします。右揃えドロップダウン メニュー: メニューをトリガーに対して右揃えにします。

#Bootstrap ドロップダウン メニュー タイプ

Bootstrap は、さまざまなユーザーに合わせてさまざまなドロップダウン メニュー タイプを提供します。ニーズ:

基本ドロップダウン メニュー:

は、最も一般的なタイプのドロップダウン メニューです。
• dropdown-toggle クラスと data-bs-toggle="dropdown" 属性を に追加することで作成されます。鬼ごっこ。
クリックまたはホバーすると (
• data-bs-toggle 属性値に応じて)、 ラベル メニューの下にメニュー項目が表示されます。

ドロップダウン メニューの分割:

基本ドロップダウン メニューに区切り線を追加して、メニュー項目を異なるセクションにグループ化します。
• dropdown-divider クラスを追加して作成されます。

タイトル ドロップダウン メニュー:

ドロップダウン メニューのメニュー項目を整理し、ラベルを付けるためのタイトルを提供します。
• dropdown-header クラスを追加して作成されます。

フォーム ドロップダウン メニュー:

フォーム要素 (入力フィールドや選択ボックスなど) が含まれます。
• メニュー項目に必要なHTMLタグを追加して作成します。

フォーカス可能なドロップダウン メニュー:

ユーザーがキーボードを使用してメニュー項目を移動および選択できるようにします。
• dropdown-item focusable クラスを追加することで作成されます。

ドロップダウン メニューを無効にする:

ユーザーによるメニューの操作を無効にします。
• disabled 属性を追加して作成されます。

右揃えドロップダウン メニュー:

メニューをトリガー要素に合わせて右揃えにします。
• dropdown-menu-end クラスを追加して作成されます。

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