css - ファンデーションを使用してモーダルを表示する方法は?

Question

Cake3 は Foundation フレームワークを使用しているため、moadl 関数をどのように使用できますか?

これをコピーして自分のビューに貼り付けてみました：

<p><a data-open="exampleModal1">Click me for a modal</a></p>

<div class="reveal" id="exampleModal1" data-reveal>
  <h1>Awesome. I Have It.</h1>
  <p class="lead">Your couch. It is mine.</p>
  <p>I'm a cool paragraph that lives inside of an even cooler modal. Wins!</p>
  <button class="close-button" data-close aria-label="Close reveal" type="button">
    <span aria-hidden="true">&times;</span>
  </button>
</div>

しかし、テストすると、エラーは発生しませんが、div は表示され、非表示ではなく、「クリックしてモーダルを表示」も何もしません。

これをケーキで使用するには、さらにファイルを含める必要がありますか?