css - Foundation 5 水平选项卡未正确显示缺少的 css

Question

我正在使用 foundation 5 并复制了水平选项卡的 html 代码

<ul class="tabs" data-tab>
  <li class="tab-title active"><a href="#panel2-1">Tab 1</a></li>
  <li class="tab-title"><a href="#panel2-2">Tab 2</a></li>
  <li class="tab-title"><a href="#panel2-3">Tab 3</a></li>
  <li class="tab-title"><a href="#panel2-4">Tab 4</a></li>
</ul>
<div class="tabs-content">
  <div class="content active" id="panel2-1">
    <p>First panel content goes here...</p>
  </div>
  <div class="content" id="panel2-2">
    <p>Second panel content goes here...</p>
  </div>
  <div class="content" id="panel2-3">
    <p>Third panel content goes here...</p>
  </div>
  <div class="content" id="panel2-4">
    <p>Fourth panel content goes here...</p>
  </div>
</div>

现在 css 未应用于示例代码。 请帮助我在哪里可以找到 css。

谢谢。

Answer 1

Foundation 5 选项卡已从 ul 切换到 dl 下面是想要的结构

<dl class="tabs" data-tab>
   <dd class="active"><a href="#panel2-1">Tab 1</a></dd>
  ....

link on git

文档已过时