基础线路休息问题

Question

我有一个基础框架网格，我在一行中设置了2列。从第一列到下一列，我正在经历不必要的线路。问题存在于"大"屏幕尺寸上。第一列是"大2"，第二列是"大4个大中心"，出于某种原因，第二列中的图像似乎低于第一列H2元素的线路断裂，而不是排队，应该如此。肯定，除非另有说明，否则每列的内容应与行顶部对齐？

这是codepen

Answer 1

您需要从第二列中删除"大中间"类，以使"线路断裂"消失，或者将第二列放入其自己的行中。每行只能只有一个中心列，请参见网格文档。

<div class="row">
  <div class="small-3 small-centered columns">3 centered</div>
</div>
<div class="row">
  <div class="small-6 large-centered columns">6 centered</div>
</div>
<div class="row">
  <div class="small-9 small-centered large-uncentered columns">9 centered</div>
</div>
<div class="row">
  <div class="small-11 small-centered columns">11 centered</div>
</div>