0

所以，我知道这是一个常见的问题，但我已经尝试了一切，但无法让它发挥作用。当我点击它时，什么也没有发生。Bootstrap 和 JQuery 加载。
JFiddle： http: //jsfiddle.net/qqS4F/
代码：

<div class="navbar-wrapper">
        <div class="container">
            <div class="navbar navbar-inverse">
                <div class="navbar-inner">
                    <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".navbar-collapse">
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                    <!-- /.btn -->
                    <a class="brand" href="#">S&J Bakery</a>
                    <div class="nav-collapse collapse">
                        <ul class="nav">
                            <li class="active">
                                <a href="#">Home</a>
                            </li>
                            <li>
                                <a href="#about">About</a>
                            </li>
                            <li class="dropdown" id="#dd">
                                <a href="#dd" class="dropdown-toggle" data-toggle="dropdown" role="button">
                                    Menu
                                    <b class="caret"></b>
                                </a>
                                <ul class="dropdown-menu" role="menu">
                                    <li href="#lunch">Lunch</li>
                                    <li class="divider"></li>
                                    <li href="#cake">Cake</li>
                                </ul>
                            </li>
                            <li>
                                <a href="#contact">Contact Us</a>
                            </li>
                            <li>
                                <a href="#sponsers">Sponsers</a>
                            </li>
                        </ul>
                        <!-- /.nav -->
                    </div>
                    <!-- ./nav-collapse -->
                </div>
                <!-- /.navbar-inner -->
            </div>
            <!-- /.navbar navbar-inverse -->
        </div>
        <!-- /.container -->
    </div>
    <!-- /.navbar-wrapper -->
4

1 回答 1

2

提示48，

看起来您正在使用不考虑下拉菜单的引导 css 文件版本。我已经用正确的项目更新了小提琴，它对我来说工作正常（见下面的截图）：

在此处输入图像描述

如果您需要 css 文件的链接，这里是. 此外，您可以从http://twitter.github.io/bootstrap/index.html的主站点获取最新版本一个不错的功能是“自定义”部分，您可以在其中调整您想要/不想要的内容在你的项目中。希望这会有所帮助。

祝好运并玩得开心点！

于 2013-05-20T19:02:38.503 回答