2013-05-20 2 views
4

Мне нужна помощь, используя twitters bootstrap. (http://twitter.github.io/bootstrap/index.html)twitter bootstrap - получение значка рядом с элементом списка

Я использую список

<li> 

С значком Я хочу отображается рядом с текстом списка пунктов, проблема это продолжает идти ниже текст, как будто это не в элементе списка?

<ul class="dropdown-menu"> 
<li><a href="/admin.php">Admin CP</a> <span class="badge badge-important">1</span></li> 

Вот изображение, которое показывает связь админпанели со значком под ним: http://img195.imageshack.us/img195/3645/screenshotfrom201305201.png

ответ

11

включают в span внутри тега привязки, как это:

<li><a href="/admin.php">Admin CP <span class="badge badge-important">1</span> </a></li> 

и двойная проверка, что span тег не объявляет display:block или display:block-inline где-то. Это может быть причиной.

UPDATE

Кроме того, это может помочь заставить значок плавать намеренно, как это:

<span class="badge badge-important pull-right">1</span> 

Надеется, что это помогает!

+0

Он работает, ставя его прямо в ссылку, спасибо! – NaughtySquid

+0

Я рад. Пожалуйста :) –

Смежные вопросы