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

Question

我的 Bootstrap 样式有问题。 我有页脚，列是 col-md -3,3,2,4
这使得总数为 12。

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

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

Answer 1

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

例如

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

您可能应该给内部列一个类而不是样式以使其更清晰。

备选

实际上，只给您的列 padding-right: 20% 可能更容易。