Question

我正在尝试使用Twitter Bootstrap中的简单下拉按钮。 但是，它没有显示下拉选项。代码如下，这里是一个小提琴的链接：http://jsfiddle.net/nunos/DjHyQ/11/

编辑：发现了问题。我在bootstrap.js中加入了<head>。一旦我将该行更改为<body>，就像Twiiter Bootstrap文档实际上所说的那样，它就可以立即生效。我从未想过<head>或<body>中包含的脚本存在差异。现在我知道了！

<div class="btn-toolbar" style="margin: 0;">
    <div class="btn-group">
        <button class="btn btn-primary dropdown-toggle" data-toggle="dropdown">Action <span class="caret"></span></button>
        <ul class="dropdown-menu">
            <li><a href="#">Action</a></li>
            <li><a href="#">Another action</a></li>
            <li><a href="#">Something else here</a></li>
            <li class="divider"></li>
            <li><a href="#">Separated link</a></li>
        </ul>             
    </div>
</div>

Answer 1

好吧，你发布的小提琴不起作用，因为你没有选择jquery（引导小部件需要）作为你的框架（选择框位于页面右侧的侧边栏上）。你在实际代码中加载jquery吗？

Answer 2

这是工作fiddle，加载了jQuery和Bootstrap

<div class="btn-toolbar" style="margin: 0;">
    <div class="btn-group">
        <button class="btn btn-primary dropdown-toggle" data-toggle="dropdown">Action <span class="caret"></span></button>
        <ul class="dropdown-menu" role="menu">
            <li><a href="#">Action</a></li>
            <li><a href="#">Another action</a></li>
            <li><a href="#">Something else here</a></li>
            <li class="divider"></li>
            <li><a href="#">Separated link</a></li>
        </ul>             
    </div>
</div>

Answer 3

您必须添加课程落下到“ul”元素。

<div class="btn-toolbar" style="margin: 0;">
    <div class="btn-group">
        <button class="btn btn-primary dropdown-toggle" data-toggle="dropdown">Action <span class="caret"></span></button>
        <ul class="dropdown dropdown-menu">
            <li><a href="#">Action</a></li>
            <li><a href="#">Another action</a></li>
            <li><a href="#">Something else here</a></li>
            <li class="divider"></li>
            <li><a href="#">Separated link</a></li>
        </ul>             
    </div>
</div>

你可以在这里查看它是否有效。 http://jsfiddle.net/DjHyQ/13/

Answer 4

我认为你必须忘记将Jquery.js或Bootstrap.js链接到你的头脑中，它们都是必需的。我自己有这个问题并通过添加这两个脚本链接来修复它

Twitter Bootstrap按钮下拉不下降

4 个答案: