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文档没有提到部分和侧导航文档没有提到部分容器类。还有人在5中工作吗？

Answer 1

你可以在类=＆＃34;大12列＆＃34;中使用顶栏实现类似的功能。（或者你想要的任何数量的列）。如果您希望它看起来与经典的顶栏不同，您只需要处理菜单样式。

这是一个简单的例子，不是太花哨但希望它有助于开始：

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

基础5节

1 个答案: