Bootstrap dropdownをマウスオーバーで開く

BootStrap

もはや使わないひとはいなであろう、CSSフレームワークのディファクトスタンダードBootstrap。
バーション4のベータも普通に使用して、wordpressテーマを作成さるかたも採用していますね。

標準のdropdownはクリックで開くようになっています。 これをマウスオーバーで自動的に開くようにしたいです。

※ナビゲーションをスマホと共有したいひとはクリックしてドロップダウンにしないとダメです。マウスオーバーできませんからね。

スポンサードリンク

CSS

解説

親要素をBlockにしてあげるだけです。

HTML

Bootstrap初期値のHTMLでは、親要素にaタグがあるため、ホバーした際にマウスカーソルがリンクの時のそれになってしまいます。

解説

親要素をspanにしてあげるだけです。 って書いてみたらそんなブログに上げるような大したこと書いてないな。