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

【问题标题】：How can I use icon in drop down menu using Bootstrap and Font Awesome如何使用 Bootstrap 和 Font Awesome 在下拉菜单中使用图标
【发布时间】：2013-10-28 14:11:44
【问题描述】：

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

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

【问题讨论】：

标签： css twitter-bootstrap font-awesome

【解决方案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>

【讨论】：