Question

这是我的Bootstrap 3 jsFiddle，虽然您可能需要在全屏视图中查看它才能看到它的所有荣耀。

如您所见，有两个TB3“井”称为 Herps 和 Derps 。它们目前彼此叠加，而且它们比导航栏，龙头和页脚井更宽。

我希望这些在同一行/“行”上彼此相邻，我希望这两个井的宽度与所有其他内容的宽度相同。我还希望在两个井之间有一点填充（间距），这样它们就不会彼此相邻。

我最好的尝试（来自上面的jsFiddle）：

<div class="row">
    <div class="span6">
        <div class="well">Herps</div>
    </div>
    <div class="span6">
        <div class="well">Derps</div>
    </div>
</div>

......似乎没有做到这一点。我有什么想法会出错吗？

Answer 1

您需要为井使用col-x-y css样式以获得适当的屏幕尺寸和列。在这种情况下，您可以使用col-sm-6，因为您有两列。

<div class="row">
    <div class="col-sm-6">
        <div class="well">Herps</div>
    </div>
    <div class="col-sm-6">
        <div class="well">Derps</div>
    </div>
</div>

JSFiddle

Bootstrap Grid System

如何将Bootstrap 3 Wells放在同一行？

1 个答案: