CODEWITHSUNDEEP
csstwitter-bootstrapfont-awesome
sonal
sonal

Reputation: 69

How can I use icon in drop down menu using Bootstrap and Font Awesome

I want a drop down menu in which I can select country names, and in the drop down menu I also want flag icons of respective countries. For example, list India with India's flag.

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

Upvotes: 2

Views: 9199

Answers (1)

david
david

Reputation: 3218

Use this code. This code is using bootstrap

<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>

Upvotes: 2

Related Questions