我的引导下拉菜单在导航栏中不起作用

时间:2017-01-08 16:15:21

标签: html twitter-bootstrap

[DbComment('This field is containing bla bla')]
public int FooBar {get; set;}

我正在学习bootstrap,我正在尝试通过相同的方式创建布局。我的下拉菜单无效,无法检测到故障。请帮忙!

1 个答案:

答案 0 :(得分:3)

它工作正常,你需要添加jqueryBootstrap ja,Bootstrap CSS`然后才能工作



<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/>
    <!-- navbar-->
    <nav class="navbar navbar-default">
        <div class="container-fluid">
            <a href="#" class="navbar-header navbar-brand">MYSITE</a>
            <ul class="nav navbar-nav">

            <li class="dropdown">
                <a href="#" class="dropdown-toggle" data-toggle="dropdown">Tags <span class="caret"></span></a>

                <ul class="dropdown-menu">
                    <li><a href="#">menu1</a></li>
                    <li><a href="#">menu2</a></li>
                    <li><a href="#">menu3</a></li>
                    <li><a href="#">menu4</a></li>
                    <li><a href="#">menu5</a></li>
                    <li><a href="#">menu6</a></li>
                    <li><a href="#">menu7</a></li>
                    <li><a href="#">menu8</a></li>
                    <li><a href="#">menu9</a></li>
                    <li><a href="#">menu10</a></li>
                    <li><a href="#">menu11</a></li>
                    <li><a href="#">menu12</a></li>
                    <li><a href="#">menu13</a></li>
                    <li><a href="#">menu14</a></li>
                    <li><a href="#">menu15</a></li>
                    <li><a href="#">menu16</a></li>
                    <li><a href="#">menu17</a></li>
                    <li><a href="#">menu18</a></li>
                    <li><a href="#">menu19</a></li>
                </ul>

            </li>   

            </ul> 
        </div>

    </nav>
&#13;
&#13;
&#13;