Twitter bootstrap 3 Bootstrap 3容器中的两列,背景宽度为100%

Twitter bootstrap 3 Bootstrap 3容器中的两列,背景宽度为100%,twitter-bootstrap-3,two-columns,Twitter Bootstrap 3,Two Columns,有谁能帮我在Bootstrap3中制作一个2列的布局,背景为100%宽度 例如: 在容器内的柱是否存在问题?列也需要在一行中。本文可能有助于: 如果您想要两列并排,这是一种方法 <div class="container"> <div class="row"> <div class="col-lg-4"> </div>

有谁能帮我在Bootstrap3中制作一个2列的布局,背景为100%宽度

例如:


在容器内的柱是否存在问题?列也需要在一行中。本文可能有助于:

如果您想要两列并排,这是一种方法

        <div class="container">
            <div class="row">
                <div class="col-lg-4">
                </div>
                <div class="col-lg-4 col-lg-offset-4">
                </div>
            </div>
         </div>

更新:


有关此问题的解决方案,请参见此处:

正确的方法是将背景设置为行宽50%宽度:

html:

引导层:

我想将背景一分为二,身体的宽度为100%(参见我提问中的img示例)…哦,好的,这是用于图像的吗?Bootstrap在这方面不是很好,但是您可以直接在主体中使用标记,并将列放在其中(您也可以从列中去掉填充)。这不是一个很好的解决方案,但它可以工作,也不是真正的无效标记。不,这不是很好,我需要100%宽度的背景,但另一个用于行的左侧,另一个用于行的右侧,这没有问题,但我需要一个内容(默认引导宽度)在窗口中居中的容器-这就是所有的问题…好的。要实现这一点,您可以创建一个css类,每个侧面都有一个背景图像,并将该类添加到每个列“background:url(../img/bg.jpg)no repeat center scroll;”。然后在列之前但在标题内部创建一个容器并在其中添加文本。如果你玩弄它,你应该让它工作。不,这不行,或者我不明白,你能在bootply上试试吗?
<div class="row">
<div class="container">
    <div class="col-xs-6">
        <h1>left</h1>
    </div>

    <div class="col-xs-6">
        <h1>right</h1>
    </div>
</div>
</div>
.row {
background-color: #e1e2e4;
background-image: url('image.jpg');
background-repeat: no-repeat;
background-size: 50% 100%;
}