twitter-bootstrap-3 - Bootstrap: 通常のグリフィコンと同じ幅の目に見えないグリフィコン

Question

navbar に次のドロップダウン メニューがあるとします。

      <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