3 Logos不会随着响应式导航栏消失

我试过所有的事情，当浏览器变得移动友好时，我的3个标志消失。相反，他们只是在屏幕上浮动。我试着将我的图片前，后，和各种各样的地方在我的导航栏的代码之间：3 Logos不会随着响应式导航栏消失

<header id="header"> 
<div id="headerbg"></div> 
<div class="container"> 
<div class="navbar"> 
<div class="navbar-inner"> 

     <a class="brand"></a> 
     <img class="appstore" src="img/apple.png"></img> 
     <img class="appstore" src="img/googleplay.png"></img> 

     <a class="btn btn-navbar" data-toggle="collapse" data-target=".navbar-responsive-collapse"> 
      <span class="icon-bar"></span> 
      <span class="icon-bar"></span> 
      <span class="icon-bar"></span> 
     </a> 

     <div class="nav-collapse collapse navbar-responsive-collapse"> 

      <ul id="nav" class="nav"> 
       <li><a href="#home" class="active">home</a></li> 
       <li><a href="#about">about</a></li> 
       <li><a href="#features">features</a></li> 
       <li><a href="#signup">signup</a></li> 
       <!-- portfolio link not needed <li><a href="#portfolio">portfolio</a></li> --> 
       <li><a href="#contact">contact</a></li> 
      </ul> 

     </div> 

    </div> 
</div> 
</div> 
</div>

你可以看到我的网站在这里.com

而如果你的浏览器小，你会注意到导航栏菜单图标显示出来，如果您点击它，我的商店，谷歌商店，苹果商店的标志都处于浮动状态。这让我疯狂。我已经搜索bootstrap，堆栈溢出，谷歌，和其他网站试图找出。我为这个网站显然使用Twitter Bootstrap。任何帮助将非常感激！

来源

2013-05-11 Jason Sherman

奇怪的是，我使用Google webtools检查了您的网站，当我简单地向相关链接/图片添加类'隐藏电话'（=需要添加到元素以将其隐藏到引导程序中的类）他们按预期消失。

来源

2013-05-11 15:14:44 Tyblitz

aahh这工作！非常感谢！我不知道隐藏的电话属性....好吧......现在我非常感谢你！ – 2013-05-11 15:27:40

我想现在真正的问题是当我处于“移动”模式时，如何将我的标志保持在导航菜单图标的左侧可见。这是我无法弄清楚的另一个棘手问题。 – 2013-05-11 15:28:49

你是说，它不应该跳下去？您可以使用媒体查询，并在屏幕尺寸小于480像素时将剩余边距（当前为60像素）设置为较小或无。 – Tyblitz 2013-05-11 15:40:37

3 Logos不会随着响应式导航栏消失

回答

相关问题