Zurb foundation 基础6中的书架 我试图在基金会6中取得一些成就，但我想不出来。这里有一张图表说明了我的问题

---

我知道！很抱歉：）

文本列
文本
文本页或。
感谢您添加代码。
你所拥有的是四列，但是你真正想要的是三列和一些内容在中间列中叠加。
尝试在左侧执行此操作尝试一下：

<!-- Signup / Login / FAQ / Social -->
<div class="row">

    <!-- Left Side -->
    <div class="large-6 medium-6 columns Rem1MarginBottom hide-for-small-only">
        <!-- Have a friend-->
        <h4 class="georgiaNormal">Text Column</h4>
    </div>
    <div class="large-2 medium-2 columns" style="border: 1px solid;">
        <div><!-- this div should stack now -->
            <h4 class="georgiaBold"><a href="#">Link 1</a></h4>
        </div>
        <div><!-- this div will be below the other link -->
            <h4 class="georgiaBold"><a href="#">Link 2</a></h4>
        </div>
    </div>
    <!-- Left Side -->

    <!-- Right Side -->
    ...
    <!-- Right Side -->
</div>


文本列
...

我将第一列更改为“6”宽，并删除了作为第三列的内容（包含第二个链接的内容）

现在中间的列包含两个div，它们将堆叠在彼此的顶部。您可能需要添加一些自定义css以获得所需的设计，但至少现在您有了正确的结构。
尝试向我们展示您所尝试的内容和代码。堆栈溢出不是询问代码的地方，而是询问关于现有代码的问题。你有密码给我们看吗？我有！抱歉：）刚刚添加了代码。我是级长，谢谢！我的主要目标是能够将链接1固定到包含div的顶部，将链接2固定到包含div的底部。使用此解决方案可以做到这一点吗？@Geekless将有多种方法将链接固定到div的顶部或底部，但这完全取决于您想要它的确切位置和其他因素。这超出了本问题的范围，您应该查看stackoverflow或online上的其他问题，了解如何做到这一点。如果你对答案感到满意，那么请选择它作为解决方案并投票表决。谢谢
<!-- Signup / Login / FAQ / Social -->
<div class="row">

    <!-- Left Side -->
    <div class="large-6 medium-6 columns Rem1MarginBottom hide-for-small-only">
        <!-- Have a friend-->
        <h4 class="georgiaNormal">Text Column</h4>
    </div>
    <div class="large-2 medium-2 columns" style="border: 1px solid;">
        <div><!-- this div should stack now -->
            <h4 class="georgiaBold"><a href="#">Link 1</a></h4>
        </div>
        <div><!-- this div will be below the other link -->
            <h4 class="georgiaBold"><a href="#">Link 2</a></h4>
        </div>
    </div>
    <!-- Left Side -->

    <!-- Right Side -->
    ...
    <!-- Right Side -->
</div>