ブートストラップ4のドロップダウンアイコンを変更する

Question

ブートストラップ3ではこれはかなり簡単でした。スパンを変更して、代わりに必要なアイコンを追加するだけでした。しかし、それはBootstrap 4の場合とは思われません。とにかく

は、ここではそれのための基本的なコードは次のとおりです。それは、ドロップダウンこの上のアイコンや方法を変更することは可能かどう

<div class="dropdown"> 
    <button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> 
    Dropdown button 
    </button> 
    <div class="dropdown-menu" aria-labelledby="dropdownMenuButton"> 
    <a class="dropdown-item" href="#">Action</a> 
    <a class="dropdown-item" href="#">Another action</a> 
    <a class="dropdown-item" href="#">Something else here</a> 
    </div> 
</div> 

誰かが私に教えていただけますか？私はfontawesomeから1つを追加したい。

ありがとうございました！あなたはこのようなキャレットのアイコンを非表示にする必要があり

Answer 1

..

.dropdown-toggle::after { 
    display: none; 
} 

その後..

<button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> 
    Dropdown button 
    <i class="fa fa-heart"></i> 
</button> 

http://www.codeply.com/go/xd2b75iUbM

ORをfontawesomeアイコンを追加し、ちょうど削除dropdown-toggleボタンからの唯一の目的はそうであるようですキャレットアイコンを表示します。