html - Bootstrap 3 Navbar Not Responsive -


i've been testing bootstrap site on various devices ensure it's responsive. i've got resizing correctly different display sizes except navbar. on browser, when resize window horizontally seems respond, collapsing menu expected, on mobile devices still see navbar if displaying in full screen window on desktop or laptop. here code navbar:

<div class="container">   <nav class="navbar navbar-default navbar-fixed-top">     <div class="container-fluid">       <div class="navbar-header">         <a class="navbar-brand" href="#">           <img alt="winshir" src="img/rocket.png" /> winshir         </a>         <button type='button' class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">           <span class="icon-bar"></span>           <span class="icon-bar"></span>           <span class="icon-bar"></span>           <span class="sr-only">toggle navigation</span>         </button>       </div>        <ul class="nav navbar-nav navbar-right collapse navbar-collapse">         <li><a href="#signinmodal" data-toggle="modal">sign in</a></li>         <li><a href="#signupmodal" data-toggle="modal">sign up</a></li>       </ul>     </div>    </nav> </div> 

i've tried changing nav element div see if helped without success. removed enclosing container class div see if helped no luck there either.

you didn't set viewport. put in <head> , see if makes difference.

<meta name="viewport" content="width=device-width, initial-scale=1"> 

Comments

Popular posts from this blog

asp.net mvc - SSO between MVCForum and Umbraco7 -

Python Tkinter keyboard using bind -

ubuntu - Selenium Node Not Connecting to Hub, Not Opening Port -