2013-05-11 73 views
0

我試過所有的事情,當瀏覽器變得移動友好時,我的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。任何幫助將非常感激!

回答

0

奇怪的是,我使用Google webtools檢查了您的網站,當我簡單地向相關鏈接/圖片添加類'隱藏電話'(=需要添加到元素以將其隱藏到引導程序中的類)他們按預期消失。

+0

aahh這工作!非常感謝!我不知道隱藏的電話屬性....好吧......現在我非常感謝你! – 2013-05-11 15:27:40

+0

我想現在真正的問題是當我處於「移動」模式時,如何將我的標誌保持在導航菜單圖標的左側可見。這是我無法弄清楚的另一個棘手問題。 – 2013-05-11 15:28:49

+0

你是說,它不應該跳下去?您可以使用媒體查詢,並在屏幕尺寸小於480像素時將剩餘邊距(當前爲60像素)設置爲較小或無。 – Tyblitz 2013-05-11 15:40:37