Bootstrap 5 ドロップダウン メニューに表示されるデフォルトのアイコンを Font Awesome 文字に変更する必要があります。
ドキュメントを読みましたが、何も役に立ちません。 CSSを書き換えてみましたが成功しませんでした。
Bootstrap 5 でドロップダウン アイコンを変更するにはどうすればよいですか?
わかりました。HTML ヘッダーにリンク rel="stylesheet" がすでにあるとします。 これは使用すべき最新バージョンですが、古いバージョンを使用してみましたが、それも機能しました:
次に、Bootstrap 5 ドロップダウンを取得し、custom-dropdown クラスを追加しました。 リーリー
リーリー
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
わかりました。HTML ヘッダーにリンク rel="stylesheet" がすでにあるとします。 これは使用すべき最新バージョンですが、古いバージョンを使用してみましたが、それも機能しました:
リーリー次に、Bootstrap 5 ドロップダウンを取得し、custom-dropdown クラスを追加しました。 リーリー
次に、CSS ファイルに次のコンテンツを作成します:リーリー
これまでフォント Awesome を使用したことがありませんでしたが、border-top 0 を使用しないと、アイコンの上に白いバーが表示されます。そのため、アイコンの位置を揃えるために bordertop と Verticalalign を使用します。
または、単純に CSS でこれを行うこともできます:リーリー
次に、次のようなアイコンを使用します:リーリー
アイコンを変更した後、すべてが希望どおりに機能するかどうかを確認してください。そうであれば、答えを正解としてマークできます :)