Javascript Twitter引导导航堆叠css不工作_Javascript_Html_Css_Twitter Bootstrap

Javascript Twitter引导导航堆叠css不工作

javascript html css twitter-bootstrap

Javascript Twitter引导导航堆叠css不工作,javascript,html,css,twitter-bootstrap,Javascript,Html,Css,Twitter Bootstrap,我正在尝试实现如下所示的可堆叠效果：但不知怎么的，这对我不起作用。以下是我创建的plunk的链接：它只显示三个列表项，一个接一个，没有引导的导航栏效果 <!doctype html> <html> <head> <link href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/css/bootstrap-combined.min.css" rel="stylesheet">

我正在尝试实现如下所示的可堆叠效果：

但不知怎么的，这对我不起作用。以下是我创建的plunk的链接：它只显示三个列表项，一个接一个，没有引导的导航栏效果

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



项目1
项目2
项目3

我一定是搞错了，像导航这样简单的东西不起作用了。如果有人能指出我的错误，我将非常高兴和感激

将内容放在锚中，如下所示：

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

演示：

谢谢！有没有办法用简单的文本来代替锚定标签？就我所知，不是开箱即用的，如果你删除“.nav-tabs.nav-stacked>li>a”to just“.nav-tabs.nav-tacked>li”，你就可以让它工作。我用从引导中提取的CSS更新了JSFIDLE，并将应用于锚的所有内容连接起来，而只是将其应用于列表项。不知道你是不是这个意思。再次谢谢。你已经回答了我所有的问题。：）