Zurb foundation 基础4：在轨道滑块中使用行 我用轨道滑块使用地基4。 我想将其用作内容滑块 是否有可能将基础中的行放置在轨道滑块中而不影响轨道的边缘？< /P> <ul data-orbit> <div class="row"> <div class="large-7 small-12 columns"> <h1>Hallo</h1> </div> </div> <div class="row"> <div class="large-7 small-12 columns"> <h1>Doei</h1> </div> </div> <img src="img/slider/1.jpg"> </ul> 你好 多伊

有3个滑块项目。2个带行类的div和1个全宽图像。 此示例会弄乱类行的边距。

---

我想增加边距，这样，行类的div将在中间对齐。

< p>我不确定我是否理解你的问题，但是如果你想要3张幻灯片（2在大屏幕中间有文本，1有图像），我认为这个代码应该工作（但是我没有测试）：

如果您将

.large centered

类添加到

标记中，它们将自动将文本对齐到中间，您不必关心css中的边距

<div class="row">
  <div class="large-12 columns">
    <div class="orbit-container">
      <ul data-orbit="">
        <li class="row">
          <div class="large-7 large-centered small-12 columns"><h1>Hallo</h1></div>
        </li>
        <li class="row">
            <div class="large-7 large-centered small-12 columns"><h1>Doei</h1></div>
        </li>
        <li><img src="img/slider/1.jpg" alt=""></li>        
      </ul>
    </div>
  </div>
</div>

你好


多伊