Dropdown

メニューにBootstrapのドロップダウンってどうやるの？

先日、何も考えずにBootstrapを使ってHTMLでコーディングをした後に、内容をWordPressのテンプレートタグに置き換えてテーマを作成していたところ、メニューにドロップダウンを使うつもりが、そのままではBootstrapの見た目にならないという事に気付いて慌ててしまいました。

Bootstrapのドロップダウンはデフォルトではクリックで開く仕様ですが、メインメニューなどではマウスオーバーで開くようにしたいところです。

下記をCSSに追加するだけで、マウスオーバーで反応してくれるようになります。