1

Foundation 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>
4

1 に答える 1

2

リストアイテムに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>
于 2013-03-11T18:06:45.090 に答える