css - Bootstrap 不会下拉

Question

我正在尝试，但我不知道行不通。

<div class="navbar">
    <div class="navbar-inner">
        <a href="#" class="brand">MyTry</a>

        <ul class="nav">
            <li><a class="active" href="#">..</a></li>
            <li><a href="#">..</a></li>
            <li class="dropdown">
                <a class="dropdown-toggle" data-toggle="dropdown" href="#">
                    <span class=" icon-search"></span>
                    <b class="caret"></b>
                </a>
                <ul class="dropdown-menu">
                    <form class="form-inline" role="form">
                        <input type="text" class="form-control" placeholder="Text input">
                    </form>
                </ul>
            </li>

        </ul>   
    </div>
</div>

我没有看到错误。只是不工作下拉系统。例如。添加到内部

<li><a href="#">foo-bar</a></li>

还是不行。

我们如何解决？感谢您的关注。

好作品..

Answer 1

您应该包括 jquery 和 bootstrap js 文件。

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>