ToBootstrap与容器宽度对齐

Question

下面我附上了我试图在这里解释的图片。基本上我使用bootstrap并且我有两个col-sm-6 col-xs-12将一行分成两半，以便每个背景图像延伸浏览器窗口的整个长度。我尝试做的是让difdivname和divname文本区域以容器的宽度结束。

我最初尝试了整个行（带容器）的背景图像，但由于这些图像会折叠到堆叠视图，因此无法正常工作。

我再也不想创建一个容器，因为定位最终会在某个时刻出现偏差。有没有办法防止difdivname和divname超出容器宽度的宽度？

UPDATE：

我认为我们在这里稍微偏离了这个问题。所以下面是一个清理代码的代码示例。

<div class="row">
    <div class="col-sm-6 col-xs-12">
       <div class="difdivname">....</div>
    </div>
    <div class="col-sm-6 col-xs-12">
       <div class="divname">....</div>
    </div>
</div>

这样做会将difdivname和divname的边缘限制在外边界（！没有容器div）。现在，我试图了解difdivname和divname是否有办法获取容器本身的框架。我没有找到要包含的col-sm-6 col-xs-12。

我希望这能解决问题。

Answer 1

通过在类中添加-fluid，U可以使容器的宽度全部拉伸：

class="container-fluid"

Answer 2

根据您的详细说明，如果您只希望textarea具有它们所属容器的大小，为什么不将height: 100% CSS属性赋予相应的{{ 1}}属性。

Answer 3

文档很清楚，并说明了这一点：

  

Bootstrap需要一个包含元素来包装网站内容并容纳我们的网格系统。您可以选择在您的项目中使用两个容器中的一个。请注意，由于填充等原因，两个容器都不可嵌套   使用.container作为响应式固定宽度容器   使用.container-fluid作为全宽容器，跨越视口的整个宽度。

您可以在此处阅读：doc

现在说：

require

或者这个：

<div class="container">
  ...
</div>

应该根据你想要的方法来做。看看你的设置，你可能想试试这个：

<div class="container-fluid">
 ...
</div>

Bootply fun link