html - Why is it that in Bootstrap in phone-view the collapse of my navigation goes over my logo in my nav -


ok here code:

<div class="row-fluid">    <div class="navbar" style="margin-bottom:1px;">    <div class="navbar-inner">        <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">         <span class="icon-bar"></span>         <span class="icon-bar"></span>         <span class="icon-bar"></span>       </a>       <a class="brand" href="#"><img src="#"/></a> <!--logo here in brand----------->         <div class="nav-collapse collapse">      <ul class="nav pull-right">  <li><a href="#"><span style="color:#00bfff;">home</span></a></li> <li><a href="#">schedule</a></li> <li><a href="#">learn</a></li> <li><a href="#">cover map</a></li> <li><a href="#">contact</a></li>     </ul>     </div><!--nav-collapse-->     </div><!--container end--> </div><!--navbar-inner end--> </div><!--navbar end--> </div><!--row end--> 

when decrease size of screen mobile view phone view, collapse created navigation go in little white box when in tablet view fine, when phone view, smaller, little navigation box goes on logo img in brand section , pushes logo down.. sort of padding dont know goes on top of logo , pushes logo down. want remain on side of logo out pushing down if logo gets smaller.

give container of logo width: 100% , float:left; in mobile media query work


Comments

Popular posts from this blog

c# - DetailsView in ASP.Net - How to add another column on the side/add a control in each row? -

javascript - firefox memory leak -

Trying to import CSV file to a SQL Server database using asp.net and c# - can't find what I'm missing -