Я новичок в html, Django и Bootstrap. Иногда мне трудно понять отступы и поля. Есть ли какой-нибудь умный способ использовать CSS для визуального отображения отступов и полей. Из того, что я могу сказать, поля не имеют фонового цвета и прозрачны. Например, в приведенном ниже коде я хотел бы уменьшить вертикальное пространство между полями, чтобы форма была более компактной. Если я просто использую HTML, у меня, похоже, нет проблем, но когда я использую widget_tweaks, я получаю дополнительное пространство между строками.
{% load widget_tweaks %}
{% block content%}
<div class="containter p-4">
<div class="py-0 text-Left">
<div>
<h2>Just a title for the page:</h2>
</div>
<form action="{% url 'addINNO:add_new' %}" method="POST">
{% csrf_token %}
{% for hidden in form.hidden_fields %}
{{ hidden }}
{% endfor %}
{% for field in form.visible_fields %}
<div class="row py-0 ">
<div class="form-group py-0 col-9">
<div class="form-group py-0">
<label for="{{ field.id_for_label }}">{{ field.label }}</label>
{% if field.id_for_label == 'id_description' %}
{{ field|add_class:'form-control p-0'|attr:"rows:3"}}
{% for error in field.errors %}
<span class="help-block">{{ error }}</span>
{% endfor %}
{% elif field.id_for_label == 'id_comment' %}
{{ field|add_class:'form-control p-0'|attr:"rows:2"}}
{% for error in field.errors %}
<span class="help-block">{{ error }}</span>
{% endfor %}
{% else%}
{{ field|add_class:'form-control p-0' }}
{% for error in field.errors %}
<span class="help-block">{{ error }}</span>
{% endfor %}
{% endif %}
</div>
</div>
</div>
{% endfor %}
<input type="submit" value="Save and Return to Home Page">
</form>
</div>
</div>
{% endblock %}
Когда я щелкаю правой кнопкой мыши и проверяю элементы, я не вижу полей, которые не являются 0px, и отступы также кажутся 0 px.
Так чего мне не хватает? Как я могу уменьшить пустое пространство между рядами? 