Bootstrap固定导航栏导航栏品牌添加到徽标

时间:2013-12-05 14:44:41

标签: twitter-bootstrap navbar

您好我正在使用Bootsrap固定导航栏。当我放置PROJECT NAME时,一些徽标标题表现不同。当调整大小到浏览器时我得到一些冲突.. mobil菜单自动打开为什么?

<!-- Fixed navbar -->
<div class="navbar navbar-default navbar-fixed-top" role="navigation">
  <div class="container">
    <div class="navbar-header">
      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
      <a class="navbar-brand" href="#"><img src="assets/img/logo.png"/></a>
    </div>
    <div class="navbar-collapse collapse">

      <ul class="nav navbar-nav navbar-right">
       <li class="last"><a href="../navbar/"><img src="assets/img/home.png"/></a></li>
        <li><a href="../navbar/">Company</a></li>
        <li><a href="../navbar-static-top/">Experience</a></li>
        <li><a href="./">Services</a></li>
        <li><a href="./">Rates</a></li>
        <li><a href="./">Community</a></li>
        <li><a href="./">Remote</a></li>
        <li class="active"><a href="./">Contact</a></li>
      </ul>
    </div><!--/.nav-collapse -->
  </div>
</div>

我的意思是。

 <a class="navbar-brand" href="#"><img src="assets/img/logo.png"/></a>

1 个答案:

答案 0 :(得分:0)

对于某些屏幕尺寸的可用宽度,您只需要太多东西。试试这个(减少该屏幕宽度范围的菜单项之间的空间):

http://jsfiddle.net/isherwood/RLrBE/4

@media (min-width: 768px) and (max-width: 991px) {
    .nav > li > a {
        padding: 10px;
    }
}