如何让引导程序中的跨度导航宽度：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称为不存在

没有宽度