问Uikit中心导航
EN

Stack Overflow用户

提问于 2018-01-01 00:45:21

回答 1查看 125关注 0票数 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>

这是我的代码示例，结果如下：https://imgur.com/a/mCkYr

如你所见，navbar居中，而navbar-flip不居中，为什么会这样，如何居中呢？它们都已经包含在uk-container-center中了……

uikit

html

回答 1

Stack Overflow用户

回答已采纳

发布于 2018-01-01 01:30:35

我已经测试了你的代码(我没有徽标)，结果就是你假装的。

我想你的徽标一定是在第一个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>

Ps:下一次，请用英文提供所有内容，并且没有不可访问的代码(例如：images/logo.png)。你的问题和我的答案应该适用于每个人，而不仅仅是你的情况;)

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/48044221

复制

相似问题

问Uikit中心导航
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Uikit中心导航EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Uikit中心导航
EN