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

sonal

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

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>

Collected from the Internet

Please contact [email protected] to delete if infringement.

edited at
0

Comments

0 comments
Login to comment

Related

From Dev

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

From Dev

how can I align font awesome icon in bootstrap button?

From Dev

how can I align font awesome icon in bootstrap button?

From Dev

how can i make a drop down menu using lists

From Dev

Using webdriver with c# how can I select a drop down item by text if the drop down menu is not a select element?

From Dev

How can I select a drop down menu when I save a file using Applescript?

From Dev

how use icon [Font-awesome] in WPF

From Dev

How to use Font Awesome icon in android application?

From Dev

How can I make my drop down menu scrollable

From Dev

How can I create a drop down menu with JQuery

From Dev

How can I use Font Awesome in Photoshop and Fireworks?

From Dev

drop down menu of bootstrap

From Dev

Bootstrap Drop Down Menu

From Dev

Bootstrap Drop Down menu

From Dev

How can I select drop down menu and click on the drop down item with watir webdriver

From Dev

How is this bootstrap menu showing the drop down on hover?

From Dev

How can I print the selected item from bootstrap drop down using jquery or javascript in php

From Dev

How to add a font-awesome icon to kendo UI MVC menu?

From Dev

How to use font icon (font-awesome) in XML selector

From Dev

How can I install custom fonts using Bower? (not Font Awesome)

From Java

Use Font Awesome Icon in Placeholder

From Java

Use Font Awesome Icon As Favicon

From Dev

How do I change the font size of the drop-down-menu of a combobox in Delphi Firemonkey XE7?

From Dev

How to start spinning a bootstrap font awesome icon, then make it stop with jQuery

From Dev

How can I contain an icon from Font Awesome in a div element in CSS?

From Dev

Font Awesome - When stacking icons, how can I center the second icon

From Dev

Using Font Awesome as Select Icon

From Dev

Using Font Awesome as Select Icon

From Java

Can I change the color of Font Awesome's icon color?

Related Related

  1. 1

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

  2. 2

    how can I align font awesome icon in bootstrap button?

  3. 3

    how can I align font awesome icon in bootstrap button?

  4. 4

    how can i make a drop down menu using lists

  5. 5

    Using webdriver with c# how can I select a drop down item by text if the drop down menu is not a select element?

  6. 6

    How can I select a drop down menu when I save a file using Applescript?

  7. 7

    how use icon [Font-awesome] in WPF

  8. 8

    How to use Font Awesome icon in android application?

  9. 9

    How can I make my drop down menu scrollable

  10. 10

    How can I create a drop down menu with JQuery

  11. 11

    How can I use Font Awesome in Photoshop and Fireworks?

  12. 12

    drop down menu of bootstrap

  13. 13

    Bootstrap Drop Down Menu

  14. 14

    Bootstrap Drop Down menu

  15. 15

    How can I select drop down menu and click on the drop down item with watir webdriver

  16. 16

    How is this bootstrap menu showing the drop down on hover?

  17. 17

    How can I print the selected item from bootstrap drop down using jquery or javascript in php

  18. 18

    How to add a font-awesome icon to kendo UI MVC menu?

  19. 19

    How to use font icon (font-awesome) in XML selector

  20. 20

    How can I install custom fonts using Bower? (not Font Awesome)

  21. 21

    Use Font Awesome Icon in Placeholder

  22. 22

    Use Font Awesome Icon As Favicon

  23. 23

    How do I change the font size of the drop-down-menu of a combobox in Delphi Firemonkey XE7?

  24. 24

    How to start spinning a bootstrap font awesome icon, then make it stop with jQuery

  25. 25

    How can I contain an icon from Font Awesome in a div element in CSS?

  26. 26

    Font Awesome - When stacking icons, how can I center the second icon

  27. 27

    Using Font Awesome as Select Icon

  28. 28

    Using Font Awesome as Select Icon

  29. 29

    Can I change the color of Font Awesome's icon color?

HotTag

Archive