css - 如何使用 Bootstrap 和 Font Awesome 在下拉菜单中使用图标

Question

我想要一个下拉菜单，我可以在其中选择国家名称，并且在下拉菜单中我还想要各个国家的标志图标。例如，用印度国旗列出印度。

<div class="ui-widget2">
    <span>
        <input id="inputbox" placeholder="Country Name" type="text" 
            class="countries" style="width:15%;">
    </span> 
</div>

Answer 1

使用此代码。此代码正在使用引导程序

<div class="btn-group">
    <a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
        Country
        <span class="caret"></span>
    </a>
    <ul class="dropdown-menu">
        <li><a href="#"><img src="india.jpg" />India</a></li>
    </ul>
</div>