Css Zurb基金会场外帆布和能见度 我正在使用Zurb基金会的一个网站。内容将根据屏幕大小以不同方式呈现。如果在手机上查看内容，导航结构将使用非画布导航项。为了演示，这里有一个：

在我的示例中，您可以看到

Content Goes Here

我的问题是，我不想在HTML中写三次实际内容。我的一些内容相当大。有没有办法a）在所有三个视图中共享内容b）仍然使用非画布导航选项

---

谢谢大家!

我在

---

您可以查看它

如果可以稍微重新构造HTML，您可以通过以下设置实现这一点：

<div class="off-canvas-wrap show-for-small-only">
    <div class="inner-wrap">
      <nav class="tab-bar show-for-small-only">
        <section class="tab-bar-section">
          <h1 class="title">Foundation</h1>
        </section>

        <section class="right-small">
          <a class="right-off-canvas-toggle menu-icon"><span></span></a>
        </section>
      </nav>
      <aside class="right-off-canvas-menu">
        <ul class="off-canvas-list">
          <li><label>Users</label></li>
          <li><a href="#">Hari Seldon</a></li>
        </ul>
      </aside>

      <a class="exit-off-canvas"></a>
    </div>
</div>

<div>
    <h1 class="show-for-small-only">Phone</h1>
    <h1 class="show-for-medium-only">Medium</h1>
    <h1 class="show-for-large-only">Large</h1>
    Content Goes here
</div>

基础


.
谢谢您的尝试。但是，我正在尝试使用外部的内容。您是否可以重新构造HTML？