Zurb foundation Zurb基础选项卡，带Div布局 来自基础3的示例说明如何使用列表设置选项卡，但如何使用带有div布局的选项卡？ <dl class="tabs"> <dd class="active"><a href="#simple1">Simple Tab 1</a></dd> <dd><a href="#simple2">Simple Tab 2</a></dd> <dd class="hide-for-small"><a href="#simple3">Simple Tab 3</a></dd> </dl> <ul class="tabs-content"> <li class="active" id="simple1Tab">This is simple tab 1s content. Pretty neat, huh?</li> <li id="simple2Tab">This is simple tab 2s content. Now you see it!</li> <li id="simple3Tab">This is simple tab 3s content.</li> </ul> <div class="tabs-content"> <div class="active" id="simple1Tab">This is simple tab 1s content. Pretty neat, huh?</li> <div id="simple2Tab">This is simple tab 2s content. Now you see it!</div> <div id="simple3Tab">This is simple tab 3s content.</div> </div> 这是简单选项卡1s的内容。很整洁，是吗 这是简单的选项卡内容。现在你看到了 这是简单的选项卡内容 这是简单的选项卡1s内容。很整洁，是吗 这是简单的tab2s内容。现在你看到了！ 这是一个简单的标签内容。

在列表项中添加div

<ul class="tabs-content">
  <li class="active" id="simple1Tab">
    <div>This is simple tab 1s content. Pretty neat, huh?</div>
  </li>
  <li id="simple2Tab">
    <div>This is simple tab 2s content.</div>
  </li>
  <li id="simple3Tab">
    <div>This is simple tab 3s content.</div>
  </li>
</ul>

这是简单的选项卡1s内容。很整洁，是吗？


这是简单的tab2s内容。


这是一个简单的标签内容。