html - Nav Bar collapse not working -
here nav bar navbar don't open when in mobile mode please me navbar shows drop down button nothing happens in mobile mode please help
<nav class="navbar navbar-inverse navbar-fixed-top"> <div class="container"> <div class="navbar-header"> <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar"> <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="index.php">theatre</a> </div> <div id="navbar" class="collapse navbar-collapse"> <?php if (isset($_session['user'])) { ?> <ul class="nav navbar-nav navbar-right"> <li class="navbar-right"><a href="./logout.php" class="btn btn-danger" style="color:whitesmoke;">logout</a></li> </ul> <ul class="nav navbar-nav"> <li <?= echoactiveclassifrequestmatches("index") ?>> <a href="index.php">home</a></li> <li <?= echoactiveclassifrequestmatches("productions") ?>> <a href="productions.php">productions</a></li> </ul> <form class="navbar-form navbar-left" role="search"> <div class="form-group"> <input type="text" class="form-control" placeholder="search"> </div> <button type="submit" class="btn btn-default">submit</button> </form> <?php } else { ?> <form class="navbar-form navbar-right" action="index.php" method="post"> <div class="form-group"> <input type="text" placeholder="email" name ="email" class="form-control"> </div> <div class="form-group"> <input type="password" placeholder="password" name="password" class="form-control"> </div> <button type="submit" name="login" class="btn btn-success">sign in</button> <a href="./register.php" class="btn btn-warning">register</a> </form> <?php } ?> </div><!--/.navbar-collapse --> </div> </nav>
you should use
1 <ul> , many <li> navigation (not many <ul> , <li>
Comments
Post a Comment