i working on project using bootstrap , in starting fixed navigation on top have found hiding links (ie. home, account, logoff), presumably collapsing them. because when shrink down , toggle display them after initiate it. when remove .collapse below first comment displays links. not collapse on resizing. how top nav links show , still have toggle work? note: of file paths css , js correct directories
<!doctype html> <html> <head> <title>project</title> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link href="css/bootstrap.min.css" rel="stylesheet" media="screen"> </head> <body> <nav class="navbar navbar-default" role="navigation"> <div class="navbar-header"> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <a class="navbar-brand" href="#">brand</a> </div> <!-- problem here --> <div class="collapse navbar-collapse navbar-ex1-collapse"> <ul class="nav navbar-nav"> <li class="active"><a href="#">home</a></li> <li><a href="#">account</a></li> <li><a href="#">logout</a></li> </ul> </div><!-- /.navbar-collapse --> </nav> <h1>hello, world!</h1> <script src="js/jquery.js"></script> <script src="js/bootstrap.min.js"></script> </body> </html>
turns out because trying combine js , css both bootstrap 2 , 3. once got on same playing field works fine.
