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