UIKit Zentrum Navigation

<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/mCkYr UIKit 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 ....

Quelle

2017-12-31 RaXenel

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

Quelle

2017-12-31 17:30:34 NBajanca

UIKit Zentrum Navigation

Antwort

Verwandte Themen