0

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

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

我想用字形标记活动项目。带有“Test 1”的非活动项应与活动项“Test 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
4

1 回答 1

1

您可以尝试类似...

.glyphicon{
    min-width: 15px;    
}

演示

于 2014-02-02T21:10:22.123 回答