css - Navbar opens and collapse suddenly - 


 <meta name="viewport" content="width=device-width,height=device-height,initial-scale=1.0" />     <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>  <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>  <link rel = "stylesheet" href="css/bootstrap-responsive.min.css">  </head>  <body>      <div class = "container">     <div class="navbar" >         <div class ="navbar-header">         <!-- place logo here -->          <div class="navbar-brand" >              <a href="index.html"><img src="images/logo.png"  alt="logo text"></a>          </div>     </div>               <button type="button" class="navbar-toggle  navbar-right " data-toggle="collapse" data-target=".nav-collapse">                <span class="icon-bar"><hr><hr><hr></span>                <span class="icon-bar"></span>                <span class="icon-bar"></span>              </button>              <div class=" collapse navbar-collapse nav-collapse ">                  <ul class="nav navbar-nav navbar-right">                      <!--  add require site page navigation -->                                          <li><a href="index.html" class="first active" style="color:#000000"> <i class="icon-globe"></i>home</a></li>                      <li class="dropdown">                          <a class="dropdown-toggle" data-toggle="dropdown" style="color:#000000"><i class="icon-user"></i>about us<b class="caret"></b></a>                          <ul class="dropdown-menu">                            <li><a href="company.html" style="color:#000000">the company</a></li>                            <li><a href="vision.html" style="color:#000000">vision</a></li>                        </ul>                    </li>                        <li class="dropdown">                          <a class="dropdown-toggle" data-toggle="dropdown" style="color:#000000"><i class="icon-user" style="color:#000000"></i>team<b class="caret"></b></a>                          <ul class="dropdown-menu">                            <li><a href="team.html" style="color:#000000">meet our team</a></li>                            <li><a href="sister.html"style="color:#000000">our sister concerns</a></li>                          </ul>                        </li>                      <li><a href="project.html" style="color:#000000"><i class="icon-pencil"></i>projects</a></li>

refer contact

  • web
  • locate

    •                 </ul>               </div>       </div>          </div>

    check problem @ www.alaknandainfra.com/refer.php nav bar collapses in mobile view . spent many hours can't find mistake . , want align toggle menu on right side . when user click on toggle button menu should come on right side

    if remove height:0 @ bootstrap-responsive.min.css:1240, issue seems fixed.

    .nav-collapse,.nav-collapse.collapse{     /* height:0; */     overflow:hidden }

    -

    Comments

    Post a Comment