使用uikit将导航栏拉伸到全宽

时间:2016-08-29 07:19:46

标签: javascript html uikit

我知道如果导航栏使用了基本的html,可以这样做。如何使用uikit将导航栏拉伸到最大宽度?
我的导航栏代码:

<nav class="uk-navbar">
        <a href="#" class="uk-navbar-brand">Web</a>
        <ul class="uk-navbar-nav">
            <li><a href="">Home</a></li>
            <li><a href="">Contact Us</a></li>
        </ul>
    </nav>

1 个答案:

答案 0 :(得分:0)

我刚刚复制了你的例子并且工作正常:http://codepen.io/untmat/pen/JKgZLw

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/uikit/2.26.4/css/uikit.min.css" />
<script src="https://code.jquery.com/jquery-2.2.4.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/uikit/2.26.4/css/uikit.min.css"></script>

<nav class="uk-navbar">
  <a href="#" class="uk-navbar-brand">Web</a>
  <ul class="uk-navbar-nav">
    <li><a href="">Home</a></li>
    <li><a href="">Contact Us</a></li>
  </ul>
</nav>

也许您没有正确添加 uikit.css jquery.js uikit.js