这是我的代码。请纠正我的错误,因为我是 bootstrap 的新手。
切换按钮在响应式中不起作用
请指导...
<!--<link href="css/style.css" rel="stylesheet">-->
<link href="css/style.css" rel="stylesheet">
<link href="css/bootstrap.css" rel="stylesheet">
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/bootstrap-theme.css" rel="stylesheet">
<link href="css/bootstrap-theme.min.css" rel="stylesheet">
<script type="text/javascript" src="js/bootstrap.js"></script>
<!--<script type="text/javascript" src="js/bootstrap.min.js"></script>-->
<body>
<nav class="navbar navbar-default" role="navigation">
<div class="container-fluid">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target=".navbar-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#">Menu</a>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<nav class="navbar-collapse nav-collapse in" style="height: auto;">
<ul class="nav nav-pills nav-justified sf-js-enabled" id="navigation">
<li class="current"><a class="btn" href="index.html">Home</a></li>
<li><a class="btn" href="our-advisors.html">Our Advisors</a></li>
<li><a class="btn" href="destinations.html">Destinations</a></li>
<li><a class="btn" href="special-deals.html">Special Deals</a></li>
<li><a class="btn" href="gift-registery.html">Gift Registery</a></li>
<li><a class="btn" href="philantrophy.html">Philantropy</a></li>
<li><a class="btn" href="contact.html">Contact Us</a></li>
</ul>
</nav>
</div><!-- /.container-fluid -->
</nav>
</body>
最佳答案
jquery 函数需要这个 jquery 文件才能工作。缺少以下文件链接。
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
将上面的行添加到您的脚本中,然后它就可以正常工作了........
关于javascript - 当我单击时引导切换按钮不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22956181/