在Bootstrap 3中制作可扩展的固定页脚

Question

我的引导样式有问题。 我有页脚，并且cols是col-md -3,3,2,4
这使得总数为12。

问题是每列的内容不同，我的意图是在col中的每个Div之间放置相等的间距。

我将如何做到这一点？我怎么能在最新消息和快速链接之间至少有一些空间

Answer 1

您可以在新闻列中添加不同的差异，将其限制为仅使用可用宽度的80％。确保您始终将剩余的部分列留作间距。

E.g。

<div class="row">
    ...
    <div class="col-md-4">
        <div style="width:80%">[content]</div>
    </div>
    ...
</div>

您应该为内部列提供一个类而不是样式，以使其更清晰。

<强>替代

实际上，将列添加到padding-right: 20%可能更容易。