Добавление изображения для каждого элемента раскрывающегося списка в bootstrap

Question

Я создал выпадающее меню в Bootstrap в HTML. Все, что я хочу сделать, это добавить изображение для каждого из элементов раскрывающегося списка. Но когда я пытаюсь выполнить его, ничего не происходит. Выпадающий список одобрен, но изображения не отображаются. Может кто-нибудь помочь добавить изображения в выпадающем меню? Благодаря!

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

Вот мой результат: Я извиняюсь за краски, но я должен удалить эту кнопку.

Answer 1

YOC может использовать этот код в файле Css

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