Question

如果没有图像，这将很难解释，但我会尽我所能

--------------  --------------
| COLUMN 1    | | COLUMN 2    |
|             | |             |
| Col 1 Row 1 | | Col 2 Row 1 |
| Col 1 Row 2 | | Col 2 Row 2 |
| THIS NEEDS TO AGO ACROSS    |
| BOTH COLUMNS                |
| Col 1       | | Col 2       |
--------------- ---------------

因此中间的位是第1列和第2列之间的间距

这是当前没有跨越列的桥梁的设置

<div class="row level-five hidden-xs hidden-sm hidden-md">
    <div class="col-md-2">
        <div class="col-md-12 darkgreenbg">
            <p>COLUMN 1</p>
            <div class="row">
                <div class="col-md-10 lightgreenbg col-md-offset-1">
                    <p>COL 1</p>
                </div>
            </div>
            <div class="row">
                <div class="col-md-10 lightgreenbg col-md-offset-1">
                    <p>COL 1/p>
                </div>
            </div>
            <div class="row">
                <div class="col-md-10 greenbg col-md-offset-1">
                    <p>COL 1</p>
                </div>
            </div>
            <div class="row">
                <div class="col-md-10 greenbg col-md-offset-1">
                    <p>COL 1</p>
                </div>
            </div>
            <div class="row"></div>
        </div>
    </div>
    <div class="col-md-2">
        <div class="col-md-12 darkgreenbg">
            <p>COLUMN 2</p>
            <div class="row">
                <div class="col-md-10 lightgreenbg col-md-offset-1">
                    <p> COL 2</p>
                </div>
            </div>
            <div class="row">
                <div class="col-md-10 lightgreenbg col-md-offset-1">
                    <p>COL 2</p>
                </div>
            </div>
            <div class="row">
                <div class="col-md-10 greenbg col-md-offset-1">
                    <p>COL 2</p>
                </div>
            </div>
            <div class="row">
                <div class="col-md-10 greenbg col-md-offset-1">
                    <p>COL 2</p>
                </div>
            </div>
            <div class="row"></div>
        </div>
    </div>
</div>

如下所示。它已经存在，但很明显，编辑得很糟糕的图片显示了我最喜欢的两个盒子，它们目前看起来像两个顶盒。

Answer 1

不确定那里会有什么样的内容，所以这可能是不可能的，但可以像这样嘲笑：

<div class="row level-five">
  <div class="col-md-6">
        <div class="col-md-12">asdasdasd</div>
    </div>
    <div class="col-md-6">
        <div class="col-md-12">asdasdasd</div>
    </div>
   <div class="col-md-12">asdasdasd</div>
   <div class="col-md-6">
        <div class="col-md-12">asdasdasd</div>
    </div>
    <div class="col-md-6">
        <div class="col-md-12">asdasdasd</div>
    </div>
</div>

Bootstrap - 两个单独的列，但是一行跨越两个

1 个答案: