Zurb foundation 基金会的第四列被推倒 我的地基有问题。我有四个容器，在更大的屏幕上，右边的边栏显示了其中的一个。在较小的屏幕上，我想将它们编织到其他内容中。我的章节如下： `<section class="column medium-8"> </section> <aside class="column small-12 medium-4 authorDetails"> </aside> <section class="column medium-8 small-12 shouldBeOnBottomOnSmall"> </section> <aside class="column small-12 medium-4 authorDetails helloThere"> </aside>` ` `

在更大的屏幕上，helloThere被推到section.shouldboottonmall旁边。如何解决这个问题？

列非常适合为布局添加宽度，但您需要行使其保持原位。该行是列的包装器

<div class="row">
  <section class="medium-12 columns">

---

顺便说一句-如果您使用的是标签，请确保其中有标题。

这仍然存在相同的问题。如果第一个字段中有更多的文本，第四个字段将被向下推。