javascript - Foundation CSS のタブ

Question

レスポンシブ ビューで Foundation CSS に基づいて Web サイト プロジェクトを設計しています。タブを追加する必要があるため、このサイトhttp://foundation.zurb.com/old-docs/f3/tabs.phpを調べました。錠剤スタイルのタブを追加する必要があります。

<dl class="tabs pill">
  <dd class="active"><a href="#pillTab1">Pill Tab 1</a></dd>
  <dd><a href="#pillTab2">Pill Tab 2</a></dd>
  <dd class="hide-for-small"><a href="#pillTab3">Pill Tab 3</a></dd>
</dl>

このコードを追加しました。私は錠剤タブ 1、錠剤タブ 2、錠剤タブ 3 を取得しました。錠剤スタイル タブを取得していません。必要な手順は何ですか?