在Bootstrap上更改下拉圖標4

Question

在Bootstrap 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。

謝謝！

Answer 1

你要隱藏這樣的插入符號圖標..

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

然後添加fontawesome圖標..

<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，只是刪除dropdown-toggle從按鈕類，因爲它只是目的似乎是顯示脫字符圖標。