javascript - Bootstrap navbar doesn't collapse when visit from mobile device, works fine when I shrink desktop browser -


i have index.html , require bootstrap.css , bootstrap.js.when shrink desktop browser on desktop, navbar collapses properly. when visit site on mobile device,everything responsive except navbar,it doesn't collapse here code in head 

<head>         <meta charset="utf-8">         <meta http-equiv="x-ua-compatible" content="ie=edge">         <title>sylhet international university</title>         <meta name="description" content="">          <meta name="viewport" content="width=device-width, initial-scale=1">          <link rel="stylesheet" href="css/normalize.css">         <link rel="stylesheet" href="css/loaders.min.css" />         <link rel="stylesheet" href="css/jquery.bxslider.css" />         <link rel="stylesheet" href="css/default/default.css" type="text/css" media="screen" />         <link rel="stylesheet" href="css/nivo-slider.css" type="text/css" media="screen" />         <link rel="stylesheet" href="css/jquery.akordeon.css">         <link rel="stylesheet" href="css/bootstrap.min.css">         <link rel="stylesheet" href="css/main.css">         <link rel="stylesheet" href="css/responsive.css">         <script src="js/vendor/modernizr-2.8.3.min.js"></script>     </head>

in body

    <!--navigation starts--> <div class="navigation">     <nav class="navbar navbar-default navigation_bar scroll_border navbar-fixed-top">         <div class="container ">             <div class="navbar-header">                 <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#main-nav">                     <span class="sr-only">toggle navigation</span>                     <span class="icon-bar"></span>                     <span class="icon-bar"></span>                     <span class="icon-bar"></span>                 </button>             </div>             <div class="collapse navbar-collapse" id="main-nav">                 <ul class="nav navbar-nav">                     <li class="active"><a href="#">home</a></li>                     <li><a href="#">about</a></li>                     <li><a href="#">gallery</a></li>                     <li><a href="#">news</a></li>                     <li><a href="#">blog</a></li>                     <li><a href="#">admission</a></li>                     <li><a href="#">courses</a></li>                     <li><a href="#">contact</a></li>                 </ul>             </div>         </div>     </nav> </div> <!--navigation ends-->

in footer

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>     <script>window.jquery || document.write('<script src="js/vendor/jquery-1.11.3.min.js"><\/script>')</script>     <script src="js/bootstrap.js"></script>     <script src="js/plugins.js"></script>     <script src="js/main.js"></script>

you need have bootstrap.min.js in scripts:

<script src="path/to/bootstrap.min.js"></script>

-

Comments

Post a Comment

Popular posts from this blog

java - UnknownEntityTypeException: Unable to locate persister (Hibernate 5.0) -

Image
in code below when try execute main.java getting exception: exception in thread "main" org.hibernate.unknownentitytypeexception: unable locate persister: com.np.vta.test.pojo.users @ org.hibernate.internal.sessionfactoryimpl.locateentitypersister(sessionfactoryimpl.java:792) @ org.hibernate.internal.sessionimpl.locateentitypersister(sessionimpl.java:2637) @ org.hibernate.internal.sessionimpl.access$2500(sessionimpl.java:164) @ org.hibernate.internal.sessionimpl$identifierloadaccessimpl.<init>(sessionimpl.java:2575) @ org.hibernate.internal.sessionimpl$identifierloadaccessimpl.<init>(sessionimpl.java:2562) @ org.hibernate.internal.sessionimpl.byid(sessionimpl.java:1044) @ org.hibernate.internal.sessionimpl.get(sessionimpl.java:955) @ com.app.test.main.main(main.java:20) but if uncomment cfg.addclass( users.class ).addresource( "com/np/vta/test/pojo/users.hbm.xml" ); code works fine. why not reading <mapping...
Read more

python - ValueError: empty vocabulary; perhaps the documents only contain stop words -

i'm using (for first time) scikit library , got error: valueerror: empty vocabulary; perhaps documents contain stop words file "c:\users\a605563\desktop\velibprojetpreso\traitementtwitterdico.py", line 33, in <module> x_train_counts = count_vect.fit_transform(filetweets) file "c:\python27\lib\site-packages\sklearn\feature_extraction\text.py", line 804, in fit_transform self.fixed_vocabulary_) file "c:\python27\lib\site-packages\sklearn\feature_extraction\text.py", line 751, in _count_vocab raise valueerror("empty vocabulary; perhaps documents contain stop words but don't understand why that's happening. import sklearn sklearn.feature_extraction.text import countvectorizer import pandas pd import numpy import unicodedata import nltk tweetsfile = open('tweets2015-08-13.csv', 'r+') f2 = open('analyzer.txt', 'a') print tweetsfile.readline() count_vect = countvectorizer(strip_accents='ascii...
Read more

ubuntu - collect2: fatal error: ld terminated with signal 9 [Killed] -

Image
i'm trying build precimonious on ubuntu 16.04.3 x64. allocated 1gb memory it. file structure looks like ~ |--- llvm/ |--- precimonious/ where llvm on version 3.0 mentioned @ https://github.com/corvette-berkeley/precimonious#requirement . followed steps on readme command make ended with ... llvm[1]: linking debug shared library libllvm-3.0.so collect2: fatal error: ld terminated signal 9 [killed] compilation terminated. ... i went through answers online , might because there's not enough memory perform link. memory usage the gcc version on machine gcc version 5.4.0 20160609 (ubuntu 5.4.0-6ubuntu1~16.04.4) , installed via apt-get install build-essential . fresh droplet created on digitalocean btw. appreciated. it memory exhaustion. sampling interval memory measurement not small enough covers exact point oom killer kicks in. depending on container/vm technology, may able set vm.overcommit_memory=2 before build, process not killed (but doing requires m...
Read more