小编kin*_*123的帖子

Bootstrap网格列相互重叠

我对Bootstrap的网格布局以及其中的列重叠存在问题.我不确定这个问题究竟是什么,任何建议都会非常感谢,谢谢.

<div class="container">    

    <div class="row">
        <div class="col-md-6">
            <img src="content/one.png">
        </div>

        <div class="col-md-6">
            <div class="row">
                <div class="col-md-6"><img src="content/two.png"></div>
                <div class="col-md-6"><img src="content/three.png"></div>
            </div>
            <div class="row">
                <div class="col-md-6"><img src="content/four.png"></div>
                <div class="col-md-6"><img src="content/five.png"></div>
            </div>
        </div>

        <div class="col-md-9">
            <div class="row">
                <div class="col-md-3"><img src="content/six.png"></div>
                <div class="col-md-9"><img src="content/seven.png"></div>
            </div>
            <div class="row">
                <div class="col-md-6"><img src="content/eight.png"></div>
                <div class="col-md-6"><img src="content/nine.png"></div>
            </div>
        </div>
        <div class="col-md-3">
            <img src="content/ten.png">
        </div>
    </div>

</div>
Run Code Online (Sandbox Code Playgroud)

网格的屏幕截图 - http://i.stack.imgur.com/a3YBr.jpg

grid twitter-bootstrap twitter-bootstrap-3

14
推荐指数
1
解决办法
5万
查看次数

在bootstrap中实现复杂的网格

是否有可能在引导程序中实现附加的网格?每个正方形都可能是图像...或者也许是文字!

我有一个去,但是当涉及到左上方的盒子,例如跨越两排时,它会碰到一堵墙.

网格:

在此输入图像描述

css grid-layout twitter-bootstrap

5
推荐指数
1
解决办法
4595
查看次数