Html 带背景的引导右列

Html 带背景的引导右列,html,css,twitter-bootstrap,Html,Css,Twitter Bootstrap,我是一个bootstrap新手,所以如果这是一个愚蠢的问题,我很抱歉! 我正试图关闭右上一列的背景,但我无法做到这一点。 你可以看到这幅画;我想把灰色隐藏在红色矩形的上方 代码如下: <div class="row"> <div class="col-lg-11 col-lg-offset-1"> <div class="row"> <div class="col-lg-11 news"&

我是一个bootstrap新手,所以如果这是一个愚蠢的问题,我很抱歉! 我正试图关闭右上一列的背景,但我无法做到这一点。 你可以看到这幅画;我想把灰色隐藏在红色矩形的上方

代码如下:

<div class="row">
    <div class="col-lg-11 col-lg-offset-1">
            <div class="row">
                <div class="col-lg-11 news">
                    <h2>NEWS</h2>
                </div>
            </div>
        <div class="row news">
                <div class="col-lg-3">
                    <h3>Title</h3>
                </div>
            <div class="col-lg-4">
                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
                        tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
                        quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
                        consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
                        cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
                        proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
            </div>
            <div class="col-lg-4">
                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
                        tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
                        quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
                        consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
                        cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
                        proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
            </div>
            <div class="col-lg-1"></div>
        </div>
    </div>
</div>

新闻
标题
Lorem ipsum Door sit amet,为精英们献身,为埃乌斯莫德服务
暂时性的劳工和财产损失。我们在这里吃得很少,
他在乌拉姆科实验室实习,并在普通实验室实习
康塞奎特。在沃鲁帕特·维利特·埃塞的《雷德亨德瑞特》中,两人或两人互为受害者
纤毛多洛雷欧盟福吉亚无巴黎。圣奥卡塔铜塔除外
傲慢的人,必须为自己的行为负责

Lorem ipsum Door sit amet,为精英们献身,为埃乌斯莫德服务 暂时性的劳工和财产损失。我们在这里吃得很少, 他在乌拉姆科实验室实习,并在普通实验室实习 康塞奎特。在沃鲁帕特·维利特·埃塞的《雷德亨德瑞特》中,两人或两人互为受害者 纤毛多洛雷欧盟福吉亚无巴黎。圣奥卡塔铜塔除外 傲慢的人,必须为自己的行为负责


提前谢谢你

所以如果你想隐藏那小块白色区域 将
col-lg-11
更改为
col-lg-12

<div class="col-lg-12 news">
     <h2>NEWS</h2>
</div>

新闻
可能类似于:

<div class="col-lg-1 no-background"></div>  // added class

你为什么不把空间填满呢

<div class="col-lg-12 news"> <h2>NEWS</h2> </div>
新闻

我解决了编辑“母亲”行列及其嵌套项的问题:

您给出的片段对我来说是正确的。也许如果你在一个在线编辑器上给了我们一些东西来演示这个问题,我已经添加了在线编辑器的链接。。谢谢:)Johnathon Blakey和Chihab JR都回答了您的问题,我无法将列放大到12,因为上面还有其他col-lg-11行。。背景与行相关,而不是与col-lg-1相关。现在我在电话上写作,明天我将在在线编辑器上发布代码。
<div class="col-lg-12 news"> <h2>NEWS</h2> </div>