在nav clockable选项中创建Dropdown标题

Question

我正在使用默认导航栏的getbootstrap代码。 我希望Drop-down（Test2）的标题名称也链接到html页面。我添加了href的链接，但是当我运行页面并单击下拉文本（Text2）时没有发生任何事情

    <div class="container-fluid">


        <!-- Brand and toggle get grouped for better mobile display -->

        <a class="navbar-brand">Test</a>


        <!-- Collect the nav links, forms, and other content for toggling -->
        <div class="navbar-header" id="bs-example-navbar-collapse-1">
          <ul class="nav navbar-nav">
            <li class="active"><a href="#">Home <span class="sr-only">(current)</span></a></li>
            <li><a href="test1.html">test1</a></li>
            <li class="dropdown">
                  <a href="test2.html" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"> Test2 <span class="caret"></span></a>
                  <ul class="dropdown-menu">
                    <li><a href="test21.html">Test21</a></li>
                    <li><a href="test22">Create Test22</a></li>
                    <li><a href="test23.html">Test23</a></li>
                  </ul>
            </li>
            <li><a href="test3.html">Test3</a></li>
            <li><a href="Test4.html">Test4</a></li>

          </ul>
        </div>


    </div><!-- /.container-fluid -->

</nav>