Html 重写到引导并在映像上使用转换

我试图在bootstrap中制作以下横幅。横幅的演示

我不知道如何在Bootstrap3中实现这一点，以及从哪里开始。行和列在开始时应该是这样的，还是应该只有一行？是不是

transform

有人在图像上画斜线

<div class="container-fluid">
    <div class="row">
        <div class="col-md-6">Text here</div>
        <div class="col-md-6"><img src="https://image-here.jpg"></div>
    </div>
</div>

多色&；多用途商业主题
伊涅阿斯猫，亨德雷特·埃吉特的卢克图斯，非拉克斯品种。Duis和aliquet lacus。面部肌肉痉挛。前庭前庭，舌叶，菱形直径。奥古斯的时代和效率。这是一种交通工具。塞德·马蒂斯·萨皮恩。这是一种有效的方法。发酵悬液。莫比

编辑

如果没有一些自定义css，您将无法精确匹配，因此这里是我的最低要求，主要使用引导类和一些自定义css来获得所需的样式（小倾斜）和预期的响应行为

。自定义bg{
背景尺寸：封面；
背景位置：右中；
最小高度：100px！重要；
}
.自定义内容：在{
背景：透明；
边框顶部：250px实心透明；
边框底部：0px实心透明；
左边框：80px实心#F7F7；
内容：''；
身高：100%；
位置：绝对位置；
右：-80px；
排名：0；
宽度：0；
z指数：10；
}
.自定义行{
边距：0！重要；
}
@介质（最大宽度：991px）{
.定制背景{
背景位置：右上角；
}
.自定义行{
弯曲方向：柱反向；
}
.自定义内容：在{
显示：无
}
}

最佳商店主题
多色多用途商业主题
伊涅阿斯猫，亨德雷特·埃吉特的卢克图斯，非拉克斯品种。Duis和aliquet lacus。面部肌肉痉挛。前庭前庭，舌叶，菱形直径。奥古斯的时代和效率。这是一种交通工具。塞德·马蒂斯·萨皮恩。这是一种有效的方法。发酵悬液。莫比

你好，猫。谢谢你的回答，我明白你的意思了。我不太确定这是否是正确的解决方案，现在当我尝试使用引导制作横幅时。我注意到整个图像显示在小型设备上，所以我想我必须做一个全宽行，然后将图像插入其中？