如何删除div右侧的空间？

Question

我用bootstrap 4创建了一个列结构。看起来像这样，它有1行2列：

('x[a]:', array([2, 1, 3, 4]))

问题是右侧的窗口小部件的空白空间过多。列的长度相等（col-lg-5），但右侧仍然有很多空间。如何删除它并使列保持相同大小？

link to codepen

Answer 1

您应仅在行内使用列，并且这些列基于12列网格。当前，您使用2 .col-5列占用了10列宽度，并且分隔符的像素也粘在了代码笔的行中，即使此处的示例未显示。

如何处理两个.col-6列并使分隔符成为右列的左边框？

https://codepen.io/anon/pen/xaeWGB

<div class="left">
    <hr class="container hline">
    <div id="main" class="container border">
        <div class="row">
            <div class="col-lg-6 top">
            </div>
            <div class="col-lg-6 divider top">
            </div>
       </div>
   </div>
</div>