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

Question

我读过很多答案，也尝试过他们的解决方案，但似乎没有什么效果。这是我的密码。我试过使用mt-10、行填充和其他自定义css，使用边距顶:10，但没有用。该图像显示使用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 %}

​

Answer 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相同的工作。