我的引导导航栏崩溃在移动版本中不起作用。
这是我的代码:
<nav class="navbars navbar-inverse">
<div class="row">
<div class=" col-xs-12 ">
<div class="navbar-header " role="navigation">
<button type="button" class="navbar-toggle pull-left" data-toggle="collapse" data-target="#myNavbar">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<div class="collapse navbar-collapse" id="myNavbar">
<ul class="nav navbar-nav ">
<li><a href="<?= site_url('api/about_us') ?>"> About Us</a></li>
<li ><a href="<?= site_url('api/home') ?>"><span class="glyphicon glyphicon-home"></span> Home</a></li>
<li><a href="<?= site_url('api/regis') ?>"><span class="glyphicon glyphicon-user"></span> Volunteer Registration</a></li>
<li><a href="<?= site_url('api/postingcomplaints') ?>"><span class="glyphicon glyphicon-comment"></span> Post Complaints</a></li>
<li><a href="#" class=" pull-right" data-toggle="modal" data-target="#myModal2"><span class="glyphicon glyphicon-map-marker"></span> Track Complaints</a></li>
<li><a href="<?= site_url('api/contact') ?>"><span class="glyphicon glyphicon-phone-alt"></span> Contact Us</a></li>
<li> <a href="#" class=" pull-right" data-toggle="modal" data-target="#myModal"><span class="glyphicon glyphicon-log-in"></span>LogIn</a></li>
</ul>
</div>
</div>
</div>
</div>
</nav>
<!--nav end-->
谁能给我打电话我做错了什么?
您需要在该部分中设置1. jQuery和2. JavaScript(顺序很重要!)<head>
。
<head>
<script src="https://code.jquery.com/jquery-2.1.4.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
</head>
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句