好的，这是我的代码：
<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-->
当我将屏幕尺寸减小到手机视图的移动视图时，我为导航创建的折叠在平板电脑视图中进入小白框时很好，但是当我进入手机视图时，它更小，那个小导航框越过我的标志，这是品牌部分的一个 img 并将该标志向下推.. 有点像填充但我不知道它只是放在我的标志顶部并将标志向下推。我希望它保持在徽标的一侧，即使我的徽标变小也不会将其向下推。