Twitter的引导NAV-堆叠CSS不工作

我试图达到的效果堆叠如下所示： http://twitter.github.com/bootstrap/components.html#navs Twitter的引导NAV-堆叠CSS不工作

但不知何故，它不是为我工作。这里是我创建的一个plunk的链接： http://plnkr.co/edit/LSR3ijKGiOIyrYAbHm7g 它只显示三个列表项，一个在下面，没有引导程序的navbar效果。

<!doctype html> 
<html> 
<head> 
    <link href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/css/bootstrap-combined.min.css" rel="stylesheet"> 
    <script src="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/js/bootstrap.min.js"></script> 

</head> 

<body> 
    <div class="row-fluid"> 
     <div class="offset4 span4"> 
      <ul class="nav nav-tabs nav-stacked"> 
       <li> Item1</li> 
       <li> Item2</li> 
       <li> Item3</li> 
      </ul> 
     </div> 
    </div> 
</body> 
</html>

我一定在做一些错误，像nav-stacked这样简单的东西无法正常工作。如果有人能指出我的错误，会很高兴和感激。

来源

2013-03-18 Durin

把内容锚，像这样：

<ul class="nav nav-tabs nav-stacked"> 
    <li class="active"><a href="#">Item1</a></li> 
    <li><a href="#">Item2</a></li> 
    <li><a href="#">Item3</a></li> 
</ul>

演示：http://jsfiddle.net/jpKAF/

来源

2013-03-18 07:00:23 bleakgadfly

谢谢！没有任何方法可以用简单的文字代替锚标签吗？ – Durin 2013-03-18 07:03:25

就我所知，如果您将“.nav-tabs.nav-stacked> li> a”移除到“.nav-tabs.nav-tacked> li”，则可能会使其工作。 ”。我更新了一个CSS，我从Bootstrap中取出了JSFiddle，并将所有应用到锚点的所有东西都连接起来，然后将它应用到列表项中。不知道这是否是你的意思。 – bleakgadfly 2013-03-18 07:10:36

再次感谢。你已经回答了我所有的问题。 :) – Durin 2013-03-18 07:38:01

Twitter的引导NAV-堆叠CSS不工作

回答

相关问题