如何讓引導程序中的跨度導航寬度：0px？

Question

我有以下

<div class="navbar navbar-inverse navbar-fixed-top"> 
     <div class="navbar-inner"> 
      <div class="container"> 
       <ul class="nav"> 
        <li> 
         <a href="about"><i class="icon-info"></i><span class="no-width">About</span></a> 
        </li> 
       </ul> 
      </div> 
     </div> 
    </div> 

併爲我設置的CSS

.no-width { 
     width: 0px; 
    } 

然而。沒有寬度類的引導導航與此類似，跨度結束有一個寬度：汽車？這是爲什麼？如何讓導航欄中的跨度沒有寬度？

這裏是什麼是什麼，我看到的計算樣式，當我檢查跨度鉻

Answer 1

您可以嘗試

a span.no-width { 
    width: 0px !important; 
    display:inline !important; 
} 

或者這一個

div.container ul.nav li a span.no-width { 
    width: 0px !important; 
    display:inline !important; 
} 

更新：

問題（問題是不明確）是一些從聊天/意見和解決方案的其他實現的是：

CSS：

ul.nav li a span.no-width { 
    display: inline-block; 
    width:0px; 
} 

JS：

$('span.no-width').animate({ 'display':'inline', 'width':'100px' },2000); 

DEMO.

Answer 2

你可能想嘗試更多的特殊性在你的CSS如：

.navbar .navbar-inner .container .nav span.no-width { width: 0px; } 

或不那麼看好：

span.no-width { width: 0px !important; } 

Answer 3

你需要做的：

span.no-width { 
    width:0; 
} 

其他明智的，它會調用一個div稱爲不存在

沒有寬度