边栏CSS以外的边栏背景颜色

时间:2018-10-04 19:23:46

标签: css twitter-bootstrap bootstrap-4

奇怪的标题,但无法用一句话更好地描述它。问题是我的Bootstrap容器居中,带有3列侧边栏和9列内容区域。

我需要设置背景颜色,以使从侧边栏到左侧(浏览器窗口左侧)的所有内容都着色。现在,让我们检查一下图片以更好地理解我的意思:

enter image description here enter image description here

我尝试了简单的破解:

background: linear-gradient(
    to right, 
    #666 0%, 
    #666 25%, 
    #fff 25%, 
    #fff 100%
);

但是这种方法没有响应能力-因此在小型设备和非常宽的显示器上也会中断。

HTML:

<div class="container">
    <div class="row">
        <div class="col-sm-3">...</div>
        <div class="col-sm-9">...</div>
    </div>
</div>

0 个答案:

没有答案