Bootstrap: невидимый глификон той же ширины, что и обычный глификон

представьте, что у меня есть следующее выпадающее меню на панели навигации:

      <ul class="dropdown-menu">
        <li><a href="#"><span class="glyphicon glyphicon-invisible"></span> Test 1</a></li>
        <li><a href="#"><span class="glyphicon glyphicon-stop"></span> Test 2 (Active)</a></li>
      </ul>

Я хочу пометить активный элемент глификоном. Неактивный элемент с «Тестом 1» должен иметь тот же отступ, что и активный элемент «Тест 2». Я попытался достичь этой цели, добавив несуществующий глификон. Это было возможно с Boostrap 3.0.3, но в новой версии 3.1.0 этот "трюк" больше не работает.

С ASCII и Bootstrap 3.0.3:

    [IMAGE] Test 1
            Test 2

С ASCII и Bootstrap 3.1.0:

    [IMAGE] Test 1
    Test 2

twitter-bootstrap-3 glyphicons
person Marcello90    schedule 02.02.2014    source источник

Ответы (1)


arrow_upward
1
arrow_downward

Вы можете попробовать что-то вроде...

.glyphicon{
    min-width: 15px;    
}

ДЕМО

person Schmalzy    schedule 02.02.2014