Css 容器外的图像

我想将图像上的位置设置为大约一半在引导容器的内部和外部

我有一个引导容器，里面有行，里面有我所有的

COL-MD-8

和

PULL-RIGHT

类。它工作正常。现在我想在

COL-MD-4

中添加图像，使其位于容器的左侧，但图像的左边缘将位于容器外部到屏幕的边缘。这是一个例子

HTML

<div class="aboutus">
    <div class="container">
        <div class="row">
            <div class="col-md-8 text pull-right">
                <h4>Title</h4>
                <p>Text Text text</p>
            </div>
        </div>
    </div>
</div>

---

听起来这里需要一个伪元素

.aboutus{
边缘顶部：80px；
背景色：#23BBEC；
溢出：隐藏；
}
.aboutus>.container>.row>.text{
颜色：#FFF；
}
.aboutus>.container>.row>.text h4{
显示：内联块；
边缘顶部：60像素；
垫底：8px；
边框底部：2倍实心#FFF；
}
.aboutus>.container>.row>.text>p{
边缘顶部：15px；
边缘底部：60px；
}
.对{
背景：#000；
位置：相对位置；
}
.对：：之前{
内容：''；
位置：绝对位置；
排名：0；
右：100%；
右边距：25px；
身高：100%；
宽度：50vw；
背景：#f00；
}

标题
文本文本文本

就是这样，但是如何设置元素而不是伪元素？我需要让它响应。哦…你想要一个实际的元素…这是一个不同的问题，一个不由你提供的代码表示的问题。我需要添加滑块而不是背景图像。然后你需要用完整的代码问一个适当的清晰问题。

.aboutus {
  margin-top: 80px;
  width: 100%;
  position: relative;
  background-color: #23BBEC;
}

.aboutus > div > div > .text {
  color: #FFF;
}

.aboutus > div > div > .text > h4 {
  display: inline-block;
  margin-top: 60px;
  padding-bottom: 8px;
  border-bottom: 2px solid #FFF;
}

.aboutus > div > div > .text > p {
  margin-top: 15px;
  margin-bottom: 60px;
}