Добавление значка на вкладку Bootstrap

Question

Это может показаться тривиальным, но я пытаюсь добавить значок на вкладку начальной загрузки, но у меня возникают проблемы с стилем.

Ищет CSS решения со следующими требованиями:

1. Икона должна плавать справа от ссылки.

2. НЕ МОЖЕТ положить значок в якорный тег, они должны оставаться на одном уровне.

   <a></a><i></i> 
   

   jsfiddle

Если кто-то может решить эту проблему, было бы весьма признателен.

Answer 1

Поскольку стили грузиться a внутри вкладки li, вы должны затем перепроектировать вкладку, чтобы применить стиль не к a но к li.

Если вы не можете этого сделать, вы должны обернуть значок внутри a.

Вы можете попробовать добавить:

display: inline-block; 

к вашему a внутри li тега.

nav>li>a { 
    position: relative; 
    display: inline-block; 
    padding: 10px 15px; 
}