如何使用基础揭示模态?

时间:2016-01-18 12:13:14

标签: css zurb-foundation zurb-foundation-6

由于cake3正在使用基础框架,我如何使用揭示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也是可见的而不是隐藏的,“点击我的模态”也没有。

我是否需要包含任何其他文件以便在蛋糕中使用它?

0 个答案:

没有答案