부트 스트랩 3 내비게이션 링크 위치 지정

내 navbar 및 media 쿼리에 문제가 있습니다. 나는 일반 로고에서 작은 로고로 아무런 문제없이 전환 할 수 있습니다. visible-sm 클래스는 저의 삶에 관해서는 저에게 문제를주고 있습니다. 오른쪽으로 텍스트 링크를 가져 가면 더 작은 로고를 강요하고 탐색을 공포에 빠지게 할 수는 없습니다. 문서에서 뭔가를 놓쳤습니까? 링크가 767px 미디어 쿼리를 사용할 때 사용하는 관련성을 줄이기 란 정말 간단합니다. 이 문제에 대한 특정 질문을 찾을 수 없다면 사전에 사과드립니다. 여기 Here be a picture 부트 스트랩 3 내비게이션 링크 위치 지정

Here be the Bootply

<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation"> 
    <div class="container"> 
     <!-- Brand and toggle get grouped for better mobile display --> 
     <div class="navbar-header"> 
      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"> 
       <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 visible-xs" href="#"><img src="images/logobug.jpg" alt="" /></a> 
    <a class="navbar-brand visible-sm" href="#"><img src="images/logosm.jpg" alt=""></a> 
    <a class="navbar-brand visible-md" href="#"><img src="images/logomd.jpg" alt=""/></a> 
    <a class="navbar-brand visible-lg" href="#"><img src="images/logolg.jpg" alt=" Logo" /></a> 
     </a> 

      </a> 
     </div> 
     <!-- Collect the nav links, forms, and other content for toggling --> 
     <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"> 
      <ul class="nav navbar-nav navbar-right pull-right"> 

       <li><a href="#">HOME</a></li> 
       <li><a href="#"> EVENTS</a></li> 
       <li><a href="#">CONTACT US</a></li> 
       <li><a href="#">DIRECTIONS</a></li> 
       <li><a href="#">SPONSERS</a></li> 
       <li><a href="#">VENUES</a></li> 
       <li><a href="#">ABOUT</a></li> 
      </ul> 
     </div> 
     <!-- /.navbar-collapse --> 
    </div> 
    <!-- /.container --> 
</nav>

가 여기 내 CSS 수 내 HTML 수 : 나는 당신이 원하는 생각

.navbar-right { 
    float: right; 
    margin-right: -25 px; 
}

출처

2017-03-11 divspan

작업 코드를 제공하는 것이 더 낫습니다. 많은 로고를 배치하는 이유를 알지 못합니다. 하나의 로고를 사용하고 미디어 화면 크기를 조절할 수 있습니다. –

로고 크기가 작 으면 로고가 너무 작아서 읽을 수 없게됩니다. – divspan

죄송합니다, Bootply 링크가 포함되어 있습니다. OP 편집 됨. – divspan

, 나는 네비게이션 바 바로 할 권리 때문에 풀 제거 동일 a forked bootply

출처

2017-03-13 02:27:16

그게 내가 찾고 있던 바로 그거야, 고마워! – divspan

부트 스트랩 3 내비게이션 링크 위치 지정

답변

관련 문제