Bootstrap：具有相同宽度的普通glyphicon的不可见glyphicon

Question

想象一下，我在导航栏中有以下下拉菜单：

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

我想用glyphicon标记活动项目。带有“测试1”的非活动项目应与活动项目“测试2”具有相同的缩进。我试图通过添加一个不存在的glyphicon来达到这个目标。这可以通过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

Answer 1

您可以尝试类似......

.glyphicon{
    min-width: 15px;    
}

DEMO