Question

我有一个宽度为auto的容器，我有一个div = row的div放入div容器但我的问题是带有类行的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>

这是我所做的一个插件。

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

请问如何使div和hr标签与class container的div具有相同的宽度

Answer 1

从容器类中删除margin-left：250 px和margin-right：250 px，它将正常工作

.container {
      width: auto;
      height: 500px;
      max-height: 500px !important;
      padding-left: 0px;
      position: relative;
    }

链接到固定的plunker：http://plnkr.co/edit/KfxAnGfaeLOIOWvqxWkY?p=preview

Answer 2

第一个：删除.container的填充，你在那里填充。第二个：你使用div .col-lg-12 - 它有默认的左右填充，所以如果你不想在左侧和右侧有间隙，它应该在一些.row元素内; ）

你应该阅读更多关于bootstrap网格的信息，你以不正确的方式使用它，这个绿色框应该在一些.row div内，而不是在.col-lg-12内，它不应该有类{{1} }。

尝试使用容器行创建一个带有类行的同步宽度的boostrap div

2 个答案: