Uikit 센터 탐색

<nav class="uk-navbar"> 
    <div class="uk-container uk-container-center"> 
     <a href="#" class="uk-navbar-brand"><img src="images/logo.png" 
    alt="AlminasLogo"/></a> 

     <ul class="uk-navbar-nav"> 
      <li class="uk-active"><a href="#">Pagrindinis</a></li> 
      <li><a href="">Paslaugos</a></li> 
      <li><a href="">Atsiliepimai</a></li> 
      <li><a href="">Apie</a></li> 
      <li><a href="">Kontaktai</a></li> 
     </ul> 

     <div class="uk-navbar-flip"> 
      <ul class="uk-navbar-nav"> 
       <li><a href=""><i class="uk-icon-facebook"></i></a></li> 
       <li><a href=""><i class="uk-icon-instagram"></i></a></li> 
      </ul> 
     </div> 
    </div> 
</nav>

이 내 코드 샘플이며, 여기 결과입니다 : 당신이 볼 수 있듯이 https://imgur.com/a/mCkYr Uikit 센터 탐색

의 navbar가 중심이 있지만, navbar-flip는 없습니다. 왜 그것을 중심에 두는가? 둘 다 이미 uk-container-center에 포함되어 있습니다.

출처

2017-12-31 RaXenel

코드를 테스트 한 결과 (로고가 없음) 결과가 가장 적합합니다.

귀하의 로고가 첫 번째로 모두를 푸시하는 것으로 상상해보십시오. div!

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/uikit/2.27.4/css/uikit.min.css" /> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/uikit/2.27.4/js/uikit.min.js"></script> 
 

 
<body> 
 
    <nav class="uk-navbar"> 
 
    <div class="uk-container uk-container-center"> 
 
     <a href="#" class="uk-navbar-brand"><img src="images/logo.png" alt="AlminasLogo" /></a> 
 

 
     <ul class="uk-navbar-nav"> 
 
     <li class="uk-active"><a href="#">Pagrindinis</a></li> 
 
     <li><a href="">Paslaugos</a></li> 
 
     <li><a href="">Atsiliepimai</a></li> 
 
     <li><a href="">Apie</a></li> 
 
     <li><a href="">Kontaktai</a></li> 
 
     </ul> 
 
     <div class="uk-navbar-flip"> 
 
     <ul class="uk-navbar-nav"> 
 
      <li><a href=""><i class="uk-icon-facebook"></i></a></li> 
 
      <li><a href=""><i class="uk-icon-instagram"></i></a></li> 
 
     </ul> 
 
     </div> 
 
    </div> 
 
    </nav> 
 
</body>

시 : 다음 시간, 영어 및 액세스 코드 (: images/logo.png 예)없이 모든 것을 제공하십시오. 귀하의 질문과 답변은 귀하의 케이스뿐만 아니라 모든 사람에게 적용되어야합니다.)

출처

2017-12-31 17:30:34 NBajanca

답변

관련 문제