Boostrap .container 具有全宽背景,从中间拆分? [英] Boostrap .container with full width background, split down the middle?
问题描述
有什么方法可以使用 .container
然后在里面有一个拆分的 2 列布局,其中各列具有不同的背景颜色并一直延伸到页面的左侧和右侧?
以下正确居中并分成两列,但每列的背景也被裁剪到容器的宽度.
<div class="col-sm-6"><p>左边的内容放在这里.</p><div class="col-sm-6"><p>正确的内容放在这里.</p>
图像比文字更有效:
HTML
<div class="容器"><div class="row"><div class="col-md-6"><div class="gray-box"><p>Lorem ipsum dolor 坐 amet,consectetur adipisicing 精英.Aliquam beatae quod quaerat nostrum ullam animi ea repelendus incidunt quia explicabo consequuntur pariatur obcaecati aliquid magnam laudantium ratione dicta eius id?</p>
<div class="col-md-6"><p>Lorem ipsum dolor 坐 amet,consectetur adipisicing 精英.Aliquam beatae quod quaerat nostrum ullam animi ea repelendus incidunt quia explicabo consequuntur pariatur obcaecati aliquid magnam laudantium ratione dicta eius id?</p><p>Lorem ipsum dolor 坐 amet,consectetur adipisicing 精英.Aliquam beatae quod quaerat nostrum ullam animi ea repelendus incidunt quia explicabo consequuntur pariatur obcaecati aliquid magnam laudantium ratione dicta eius id?</p>