Question

您好我使用Bootstrap 3并试图设置我的模板，也许我还没有完全理解＆＃39;行＆＃39; Bootstrap中的概念，但我的模板并没有像我想要的那样。

看看这个全屏小提琴：
http://jsfiddle.net/52VtD/6206/embedded/result/
来源：
http://jsfiddle.net/52VtD/6206/

<div class="container">
    <div class="row">
        <div class="col-md-9">
            <div class="well">
                <div class="text-center">
                    IM SO BIGGY<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
                    <br /><br /><br /><br /><br />
                </div>
            </div>
        </div>
        <div class="col-md-3">
            <div class="well">
                SMALL SPACE<br /><br /><br /><br /><br /><br /><br />
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-md-3 col-md-offset-9">
            <div class="well">
                <strong>Fun</strong><hr class="hr-tags"/>
                SPACE TIME<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
            </div>
        </div>
    </div>
</div>

我想要那个有趣的 - 空间时间＆＃39;将在“小空间”下进行。但他们之间存在巨大差距......我做错了什么？

Answer 1

Fun - SPACE TIME应与SMALL SPACE位于同一列中。这样，整个col-md-3列向右浮动，其中的元素一个在另一个之下。

请参阅JSFiddle result和source。

.row并不像你想象的那样像桌子行一样工作，而是确保它的孩子有自己的行。 This answer更多地解释了它。

Bootstrap网格系统设计不起作用

1 个答案: