Question

我有一个有四个容器的行，每个容器都是col-md-6。有没有办法定位第三个容器，使其占据其上方的垂直空间？我可以制作两列，但容器2和3的内容可能会变大，所以我希望容器能够根据最有效的布局重新排列。

```

<div class="container">
    <div class="row">
        <div class="col-md-6">
            <div class="feature-content4 item-content">
            ...
            </div>
        </div>
        <div class="col-md-6">
            <div class="feature-content4 item-content">
            ...
            </div>
        </div>
        <div class="col-md-6">
            <div class="feature-content4 item-content">
            ...
            </div>
        </div>
        <div class="col-md-6">
            <div class="feature-content4 item-content">
            ...
            </div>
        </div>
    </div>
 </div>

Answer 1

这是一个非常有趣的问题。可惜你没有写一个代码的例子。也许您应该考虑在两个单独的列上重新安排容器（如下面的代码中所示），但我希望有人能比我更好地回答这个问题。

<div class="container">
    <div class="row">
       <div class="col-md-12 col-sm-12">

            <div class="col-md-6">
                <div class="col-md-12 col-sm-12">
                  <div class="feature-content1 item-content">
                 ...
                  </div>
                </div>
                <div class="col-md-12 col-sm-12">
                  <div class="feature-content2 item-content">
                 ...  
                  </div>
                </div>
            </div>
            <div class="col-md-6">
                <div class="col-md-12 col-sm-12">
                  <div class="feature-content3 item-content">
                  ... 
                  </div>
                </div>
                <div class="col-md-12 col-sm-12">
                  <div class="feature-content4 item-content">
                 ...
                  </div>
                </div>
            </div>
        </div>
    </div>
 </div>

如果可用，如何浮动引导列

1 个答案: