Html 在列中嵌套图像

这是我写的第一篇文章。刚从web开发开始。 下面是我在Bootstrap中写的图片，第二个图片是我想要的

我希望我的帖子是正确的。请给我反馈如何张贴这个问题。非常感谢

Onafhankelijk Zelfzorg平台

ZOEK UW Aandoning。
关于uw（vermoedelijke）的信息验证，请参阅最新的Uigebreid档案，并参阅Geregistererd zelfzorg-bij uw的产品



贝基克·德·PRODUCTEN。
我们在onze数据库中的产品满足了最低限度的inhoud、leeftijd、gebruiksadvies和gegevens的volledige informatie m.b.t.要求



ONAFHANKELIJKE评论。
所有的产品都必须在所有的基础上进行生产。Zo kunt u een zorgvuldige keuze maken

您可以在

行内容中使用嵌套来创建左侧的7单位列，右侧的5单位列。右边5个单位的列将包含现有3行的完整列。这样做，而不是将cols推到7个单位以上

<div class="row row-content">
        <div class="col-xs-12 col-sm-7">
            <img src=".." class="img-responsive center-block">
        </div>
        <div class="col-xs-12 col-sm-5">
            <div class="row row-content grey-body">
                <div class="col-xs-12">
                    ..
                </div>
            </div>
            <div class="row row-content blue-body">
                <div class="col-xs-12">
                    ..
                </div>
            </div>
            <div class="row row-content blue-body">
                <div class="col-xs-12">
                    ..
                </div>
            </div>
        </div>
</div>


..
..
..

演示：
它几乎可以工作了。现在蓝色和灰色条也有5列宽，不在整个页面上……好的，我看到你希望图像浮动在这些行上。一种方法是在图像上使用
绝对位置，如下所示：太棒了，部分工作正常。现在，当我将屏幕大小调整为“更大”时，它与页脚重叠。当我计算到x的大小时，与其他部分相比，它是巨大的。谢谢，非常感谢！是的，你将需要调整CSS，但这应该让你开始。祝你好运。谢谢，你能给我一个调整的提示吗？我是否应该给img填充以使其正确定位。。。。