使用 Django 框架时无法在 Bootstrap 中的行之间放置间距

Posted 2023-02-24

【中文标题】使用 Django 框架时无法在 Bootstrap 中的行之间放置间距

【英文标题】：Unable to put spacing between rows in Bootstrap while using Django framework

【发布时间】：2021-10-03 12:27:07

【问题描述】：

我已经阅读了很多答案并尝试了他们的解决方案，但似乎没有任何效果。这是我的代码。我尝试使用 mt-10、行填充和其他使用 margin-top:10 的自定义 css。但没有任何效果。The image shows no space between rows using mt-10

% block content %
     % for playlist, progress in user_playlists.items %
                <div class="row justify-content-between rounded m-auto">
                    <div class="col-6 m-auto"><a> playlist</a></div>
                    <div class="col-6 m-auto"><a> progress </a></div>
                </div>
    % endfor %
% endblock %

【问题讨论】：

你试过<div class="row justify-content-between rounded mb-5">...</div>吗？添加mb-5。

哇，它成功了。谢谢！顺便说一句，有没有办法保持 m-auto 并将 mb 更改为 5 ？

我想您可能只想同时添加 style="margin-left:auto; margin-right:auto;" because I'm not quite sure if you can have both mb-5` 和 'm-auto'。

好的兄弟...我要发布一个答案，你可以接受它来帮助其他有同样问题的人。

【参考方案1】：

您可以使用mb-5 来完成此操作，而如果您认为有必要使用m-auto，也许您可​​以使用内联样式。例如。

<div class="row justify-content-between rounded mb-5" style="margin-left:auto; margin-right:auto;">...</div>

此style="margin-left:auto; margin-right:auto;" 将与m-auto 完成相同的工作。