Javascript Bootstrap 3网格系统-“单元”在高度上可以扩展，但它会将下一行全部向下移动

我有这个页面，你点击一个文本块，这个框会在下面打开评论。它下面的那一行向下移动。问题是下面一行中的所有列都会下移，这会产生大量空白。只有1个列应该下移到扩展单元格下面的列。有没有办法用bootstrap 3做到这一点？

是的，您需要更改网格的布局。你不会把它们排成3行，你会把它们排成纵列

<div class="row">
    <div class="col-sm-3">
        <div class="idea-block"> ... </div>
        <div style="display: none;" class="comment-area"> ... </div>

        <div class="idea-block"> ... </div>
        <div style="display: none;" class="comment-area"> ... </div>
    </div>
    <div class="col-lg-6">
        <div class="row">
            <div class="col-lg-6">
                <div class="idea-block"> ... </div>
                <div style="display: none;" class="comment-area"> ... </div>
            </div>
            <div class="col-lg-6">
                <div class="idea-block"> ... </div>
                <div style="display: none;" class="comment-area"> ... </div>
            </div>
        </div>
        <div class="row">
            <div class="col-lg-12">
                [here's where to put the picture of  
                the car spanning 2 columns, so  to speak]
            </div>
        </div>
    </div>
    <div class="col-sm-3">
        <div class="idea-block"> ... </div>
        <div style="display: none;" class="comment-area"> ... </div>

        <div class="idea-block"> ... </div>
        <div style="display: none;" class="comment-area"> ... </div>
    </div>
</div>

---

有意义吗？

你能在你的问题中发布相关代码吗？我会尝试一下，然后再回复你。谢谢。@user2475825我编辑了上面的例子来澄清。我在本地测试过，效果很好。HTH：太棒了，工作起来很有魅力！我希望我能投票支持你的答案，但我需要15个代表点。谢谢