2017-12-31 44 views
0
<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> 

Dies ist mein Codebeispiel, und hier ist das Ergebnis: https://imgur.com/a/mCkYrUIKit Zentrum Navigation

Wie Sie sehen können, die navbar zentriert ist, aber navbar-flip nicht. Warum ist das und wie zentriert man es? Beide sind bereits enthalten in uk-container-center ....

Antwort

0

Ich habe Ihren Code getestet (ich habe nicht das Logo), und das Ergebnis ist, was Sie vorgeben.

Ich stelle mir vor, Ihr Logo muss sein, was alles in den ersten div runterdrückt!

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

Ps: Die nächste Mal bitte alles in Englisch zur Verfügung stellen und ohne unzugänglichen Code (Beispiel: images/logo.png). Ihre Frage und meine Antwort sollten für alle gelten, nicht nur für Ihren Fall;)