Bootstrap列col6显示块

Question

我想知道应该如何正确地完成以下示例：

of lg-6 list-item| |col-lg-6 contact- form | |col-lg-6 list-item| |仍然是联系人表单| |col-lg-6 list-item| |联系人表单结束

为了描述这个例子，我想放一个可能是3个列表项的高度的触点(不要固定大小)我不明白的主要事情是如何正确地放置表单。

enter image description here

我在想：

<div class="col-lg-6 list-item"></div> <div class="col-lg-6 contact-form"></div>
<div class="col-lg-6 list-item"></div>
<div class="col-lg-6 list-item"></div>

但它就是不能工作，因为col 6的其余部分会被内联，而联系表单也会被破坏。

Answer 1

您需要做的是嵌套列，例如，

<div class="col-lg-12">
    <div class="col-lg-6">
        <div class="col-lg-12 list-item"></div>
        <div class="col-lg-12 list-item"></div>
        <div class="col-lg-12 list-item"></div>  
    </div>
    <div class="col-lg-6 contact-form"></div>
</div>

这样做将允许contact-form div中的内容伸展，而不会影响list items的大小