基础5部分

Question

我对基础5中的部分有一些问题。

<div class="section-container horizontal-nav" data-section="horizontal-nav">
<section>
<p class="title" data-section-title><a href="#">Section 1</a></p>
<div class="content" data-section-content>
  <ul class="side-nav">
    <li><a href="#">Link 1</a></li>
    <li><a href="#">Link 2</a></li>
    <li><a href="#">Link 3</a></li>
    <li class="divider"></li>
    <li><a href="#">Link 1</a></li>
  </ul>
</div>

​

上面的代码只产生一个垂直列表，而不是代码应该触发的水平列表。代码可以在4中运行，但不能在5中运行。我假设这是一个javascript更改，但是5文档没有提到节，并且side-nav文档也没有提到节容器类。有没有人能让这个在5号里工作？

Answer 1

您可以使用class="large-12 columns“(或您想要的任意数量的列)中的顶部栏来实现类似的效果。如果你想让它看起来不同于经典的顶栏，你所要做的就是注意菜单样式。

这里有一个简单的例子，并不是太花哨，但希望它能帮助你入门：

<header class="row">

  <div class="large-12 columns">
    <nav class="top-bar" data-topbar="" role="navigation" data-options="is_hover:false">
    <!-- All your menu code here -->
    </nav>
  </div>

</header>

http://jsfiddle.net/zdwo3aLc/embedded/result/