Css 引导容器外部的元素

我正在使用引导程序进行布局。我的任务是在容器外显示两个项目，并在屏幕末端显示边框。我试图将容器放入容器流体中，并为需要显示在容器后面的元素指定绝对位置。但在这种情况下，元素的宽度是全屏的，就像容器流体父对象一样

.home\uu border-gray{
框阴影：
1×0#DCDC，
0 1px 0 0#DCDC，
1px 1px 0 0#DCDC，
1px 0 0#DCDC插图，
0 1px 0 0#DCDC插图；
-webkit盒阴影：1px 0#dcdc，
0 1px 0 0#DCDC，
1px 1px 0 0#DCDC，
1px 0 0#DCDC插图，
0 1px 0 0#DCDC插图；
}

1.
容器
2.

我不知道这是否有帮助，但这是我将要做的，以重新创建您的预期结果。我知道它与您的不同，但这可能会有所帮助，或者您可以根据自己的喜好重新调整代码

HTML:

---

非常感谢。但这并不是我们所期望的。它是否会为您显示与您发布的图像相同的图像？或者你是在寻找一种不同的解决方案，这样我就不会保留原始容器的宽度

    <div class="container-fluid">
        <div class="row align-items-start">
            <div class="col-2 text-right">1</div>
            <div class="col-8 text-center d-flex align-items- center">Container</div>
            <div class="col-2">1</div>
        </div>
    </div>

        div[class^="col-2"] {
            border-bottom: 2px black solid;
        }
        div[class^="col-8"] {
            height:50px;
            border-left: 2px black solid;
            border-right: 2px black solid;
            font-size: 2.5rem;
        }