Dropdown(ドロップダウン)の使い方を徹底解説2024年5月1日SHAREポストシェアはてブLINE記事にはプロモーションが含まれる場合があります。Bootstrap4で利用できるDropdown(ドロップダウン)の使い方をご紹介します。ブートストラップの導入方法と基本を徹底解説!ドロップダウンメニューの基本的な使い方Bootstrapのでは下記のようなドロップダウンメニューを利用することができます。class="dropdown-item">マンツーマンコース</a></div></div>(※)色を変えたい場合は、btn-{color}で設定できます。詳しくはこちらをご覧ください。class="dropdown-item">マンツーマンコース</a></div></div>スプリット(分割)ボタンを作るBootstrapでは、ボタングループを利用して、スプリット(分割)ボタンを作ることができます。href="#">プロフェッショナルコース</a></div></div>ドロップダウンメニューにはいくつかのオプションがあり、オプションにより少しずつ動きが変わってきますので、詳しくは下記の公式サイトをご参照ください。4.3まとめいかがでしたでしょうか。今回は、グリッドシステム・レスポンシブデザインで有名なCSSフレームワークBootstrap(ブートストラップ)4のボタン(Button)のDropdownの使い方をご紹介しました。使用頻度が低いためここでは割愛しましたが、ほかにもいくつかの使い方があります。公式サイトにも使い方の詳細が掲載されていますので、参考にしながら活用してみてください。ブートストラップの導入方法と基本を徹底解説!今回は、以上になります。最後までご覧いただきありがとうございました。