jquery - 尝试使类行的 Bootstrap div 与容器行的宽度相同

Question

我有一个宽度为 auto 的容器，我有一个 class=row 的 div 放在一个 div 容器中，但我的问题是带有类 row 的 div 与带有类容器的 div 的宽度不同。这是我的尝试

<div style="background-color:#98FB98; height:350px; width:auto;" class="row">
        <div style="padding:15px;" class="col-md-6">
            Contents here
        </div>
        <div class="col-md-6">
            Logo here
        </div>
    </div>  

这是我做的一个 plunk。

http://plnkr.co/edit/griWXBoxozvPIMlf38RB?p=preview 

请问如何使div和hr标签与类容器的div具有相同的宽度

Answer 1

第一个:删除 .container 的填充，你有填充 - 就在那里。第二个:您将 div 与 .col-lg-12 类一起使用 - 它具有默认的左右填充，因此如果您不这样做，它应该位于某个 .row 元素内不想在左侧和右侧有间隙 ;)

你应该阅读更多关于 bootstrap grid 的内容，你使用它的方式不正确，这个绿色框应该在一些 .row div 中，而不是在 .col-lg-12 它不应该有类 .row。