2013-05-11 1 views
0

브라우저가 모바일 친화적 인 상태가되면 내 로고가 사라지도록 모든 것을 시도했습니다. 대신 그들은 단지 화면 주위에 뜨게됩니다. 내 네비게이션 바 코드의 사이에 장소의 모든 종류 후, 전에 내 이미지를 배치하고, 시도했다 : 당신은 여기 내 사이트 .com3 반응 형 탐색 바를 사용하여 로고가 사라지지 않음

을 볼 수 있습니다

<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> 

그리고 브라우저가 작게 경우 탐색 메뉴 아이콘이 표시되며, 클릭하면 내 Google 스토어, 사과 상점 로고가 모든 곳에 떠있게됩니다. 이것은 나를 미치게합니다. 부트 스트랩, 스택 오버플로, Google 및 기타 사이트를 검색하여이를 파악했습니다. 나는 분명히이 사이트에 대한 트위터 부트 스트랩을 사용하고 있습니다. 어떤 도움을 많이 주시면 감사하겠습니다!

답변

0

이상한, 나는 당신의 웹 사이트를 Google webtools로 검사했다. 클래스 'hidden-phone' (= 부트 스트랩에서 숨기려면 요소에 추가해야하는 클래스)을 관련 링크/이미지에 추가하면, 그들은 예상대로 사라진다.

+0

아아아이! 정말 고마워! 숨겨진 폰 특성을 알지 못했습니다 .... 음 .... 이제 당신 덕분에! –

+0

"모바일"모드에있을 때 내비게이션 메뉴 아이콘 왼쪽에 내 로고를 유지하는 방법이 진짜 문제라고 생각합니다. 그것은 내가 알 수없는 또 다른 까다로운 질문이다. –

+0

당신이 뛰어 내려서는 안된다는 뜻입니까? 미디어 쿼리를 사용하여 화면 크기가 480px보다 작은 경우 (현재 60px 인) 왼쪽 또는 오른쪽 여백을 적게 설정하거나 설정할 수 있습니다. – Tyblitz

관련 문제