如何将靴带3井放在同一排？

Question

这里是我的引导带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>

...does似乎没有做到这一点。你知道我要去哪里吗？

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

自举网格系统