Hinzufügen eines Bildes für jedes Element einer Dropdown-Liste im Bootstrap

Question

Ich habe ein Dropdown-Menü in Bootstrap in HTML erstellt. Ich möchte nur ein Bild für jedes einzelne Element der Dropdown-Liste hinzufügen. Aber wenn ich versuche, es auszuführen passiert nichts. Die Dropdown-Liste ist in Ordnung, aber die Bilder erscheinen nicht. Kann jemand helfen, die Bilder in einem Dropdown-Menü hinzuzufügen? Vielen Dank!

<div class="dropdown"> 
 
    Lingua &nbsp &nbsp 
 
    <button class=" btn btn-default " type="button" data-toggle="dropdown">Italiano 
 
    <span class="caret"></span> 
 
    </button> 
 
    <ul class="dropdown-menu"> 
 

 
    <li> 
 
     <a href="#"> 
 
     <img src="images/flag.png" width="35" height="30">1</a> 
 
    </li> 
 
    <li> 
 
     <a href="#"> 
 
     <img src="images/account.png" width="35" height="30">2</a> 
 
    </li> 
 
    </ul> 
 
    &nbsp &nbsp Paese &nbsp &nbsp</tab> 
 
    <button class="btn btn-default dropdown-toggle " type="button" data-toggle="dropdown">Italia 
 
    <span class="caret"></span> 
 
    </button> 
 
    <ul class="dropdown-menu"> 
 
    <li><a href="#">1</a> 
 
    </li> 
 
    </ul> 
 
</div>

Hier ist mein Ergebnis: ich für die Farbe tut mir leid, aber ich habe diesen Knopf zu entfernen.

Answer 1

Yoc Kann

ul { 
    list-style-image: url('Some.gif'); 
    }