Twitter bootstrap 下拉不下拉

我试图在我的网站上使用一个引导下拉列表，但当我点击下拉列表时，它不起作用

这是我的密码

    <li class="dropdown">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="glyphicon glyphicon-file"></i> READ <b class="caret"></b></a></li>
                        <ul class="dropdown-menu">
                            <li><a href="#">READ CONFESSIONS</a></li>
                            <li><a href="#">READ STORIES</a></li>
                        </ul>
                    </li>

您能告诉我需要添加或删除哪些内容才能使javascript或html实现此代码的功能吗？

<ul class="nav navbar-nav">
    <li class="dropdown">
      <a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>
      <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>
        <li class="divider"></li>
        <li><a href="#">One more separated link</a></li>
      </ul>
    </li>
  </ul>

您需要检查bootstrap.js的位置。将jquey.js放在bootstrap.js之前