Html 背景图像扩展到整体侧栏的部分

我目前正在构建一个网页，遇到以下问题，如果有人帮助我解决，我将不胜感激：

我想有一个全宽度的背景图像的每一个“部分”（div）的页面。在这种背景下，内容（文本）有一个较小的div。在右边，有一个滚动侧边栏，可以与用户一起滚动。我找不到如何让一个全宽div和侧栏（这是一个带有子体的div元素）覆盖它

当前结构如下所示：

这是所有的“部分”。。。
这就是侧边栏。。。

所以我想这意味着你计划制作一个固定的边栏？您需要将列放在一行中。使行具有背景图像。固定侧边栏的位置，这会使引导类无效，但可以将宽度设置为25%，使其保持响应。你可能需要添加一些填充/边距，但我用随机颜色很快地做了一些东西，这样你就可以得到这个想法

#侧边栏{
位置：固定；
右：0；
排名：0；
背景色：rgba（0,0,0,5）；
宽度：25%；
颜色：白色；
}
蓝先生{
背景颜色：蓝色；
}
怀特先生{
背景色：白色；
}
瑞德先生{
背景色：红色；
}

第一节
这就是侧边栏…

误码率

贝尔
badsr
第二节
第三节

您需要在容器类之外创建一个div。该div可以设置为全宽

    <div class="row"> <!-- begins full width row-->

      <div class="container">
         <div class="col-md-9">
             here go all the "sections"...
         </div>
         <div class="col-md-3">
          and that is the sidebar...
         </div>
      </div>

    </div><!-- ends full width row-->

这是所有的“部分”。。。
这就是侧边栏。。。

您能否发布完整的代码，以便我们了解您的工作内容？谢谢Dennis，这确实是代码-我还没有填写任何内容，在找到解决方案之前无法填写。谢谢您的帮助！不幸的是，如果我使用宽度：25%；而不是引导，则它不会保持响应，因为在小型设备上打开它将不会呈现为主内容下方/上方的列。有没有办法解决这个问题？是的，在一定的尺寸下，去掉固定的位置。将其更改为相对位置。例如，将#边栏{位置：固定；宽度：25%，顶部：0；右侧：0}放在最小屏幕大小为992px的媒体查询中；然后，它将返回到您的内容流中。如果你想让侧边栏在手机屏幕的底部，首先把侧边栏放在页面的最后一部分。否则，你可以把它放在第一部分col-md-9的左边，显示在顶部。这很有效，非常感谢！我可以确保侧边栏位于容器内吗？（即，不与页脚重叠）如果你正在做一个固定的边栏，你必须使用一些js来计算它是否在页脚上方的某个高度并停止它。你必须搜索一下，我不知道怎么做。但是这不会把每个部分的背景延伸到全屏宽吗？