Question

这是我的第一篇文章。刚开始使用web dev。下面你看到我在Bootstrap中写的图像，第二个图像是我想要的。

我希望我发布这个正确的。请给我关于如何发布这些问题的反馈。非常感谢!!!

This is what I want to have, to add a GIF/PNG on top the 3 rows on the right...

<div class="container_15">
    <div class="clearfix">
        <div class="grid_7">
            test
        </div>
        <div class="grid_7">
            test
        </div>
    </div>
</div>

Answer 1

您可以在row-content内使用嵌套在左侧创建7个单元的col，在右侧创建5个单元的col。右侧的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>

演示：http://codeply.com/go/ztjbmIY6G2

将图像嵌套在列中

1 个答案: