title: Unable to put spacing between rows in Bootstrap while using Django framework
body: <p>I've read a lot of answers and tried their solutions but nothing seems to work. Here is my code. I've tried using mt-10, row-padding and other custom css using margin-top:10. But nothing works.<a href="https://i.stack.imgur.com/8jeYg.png" rel="nofollow noreferrer">The image shows no space between rows using mt-10</a></p>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>{% block content %}
       {% for playlist, progress in user_playlists.items %}
                  &lt;div class="row justify-content-between rounded m-auto"&gt;
                      &lt;div class="col-6 m-auto"&gt;&lt;a&gt; {{playlist}}&lt;/a&gt;&lt;/div&gt;
                      &lt;div class="col-6 m-auto"&gt;&lt;a&gt;{{ progress }}&lt;/a&gt;&lt;/div&gt;
                  &lt;/div&gt;
      {% endfor %}
  {% endblock %}</code></pre>
  </div>
  </div>
  </p>