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

BootStrap

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

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

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

スポンサードリンク

CSS

解説

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

HTML

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

解説

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

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください