Bootstrap 3两个容器中的两列，背景宽度为100％

Question

任何人都可以帮我在bootstrap 3布局中制作2列背景，宽度为100％吗？

示例：

Answer 1

您是否遇到容器内的色谱柱问题？列也需要连续排列。本文可能有所帮助：http://www.helloerik.com/the-subtle-magic-behind-why-the-bootstrap-3-grid-works

如果你想要彼此相邻的两列，这是一种方法。

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

<强>更新

有关此问题的解决方案，请参阅此处：http://bootply.com/Y8SX4b3F6g

Answer 2

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

HTML：

<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>

CSS：

.row {
background-color: #e1e2e4;
background-image: url('image.jpg');
background-repeat: no-repeat;
background-size: 50% 100%;
}

bootply： http://www.bootply.com/yDCLfN2DSb