Webサイトのコーディングでレイアウトを作るのにすごく便利なBootstrap。実際の案件でも使用可能ならほぼ必ずといっていいほど使っています。 ただ、Bootstrapを使っていてコンポーネントの動きやレイアウトをちょっとだけカスタマイズしたい、ということはよくある話。ここで紹介するマウスオーバーもそんなちょっとした要望の1つです。 この記事ではBootstrapのドロップダウンをマウスオーバーで使うためのCSSカスタマイズ方法を紹介します。 ドロップダウンを多階層化する方法はこちら -> Bootstrap3のドロップダウンを多階層にする方法 通常はクリックで開くようになっていますが、CSSを1行加えるだけで簡単にマウスオーバーで開くようにすることが可能です。方法は以下の通り。 HTML <div class="dropdown"> <a href="#" class="dropdow