Блог

Я работаю на веб-сайте python/django с загрузкой, но я сталкиваюсь с чем-то, что, похоже, не могу решить самостоятельно. Прошло некоторое время с тех пор, как я работал с python/django/bootstrap, так что, возможно, я что-то упустил?

 lt;form action="" method="post" autocomplete="off"gt; {% csrf_token %}  {{ form.non_field_errors }}   lt;div class="input-group mb-3 col-lg-4"gt;  lt;div class="input-group-prepend "gt;  lt;span class="input-group-text" id="basic-addon1"gt;Player Namelt;/spangt;  lt;/divgt;  lt;input type="text" class="form-control" id="player_name" name='player_name' placeholder="Player Name"gt;  lt;/divgt;   lt;div class="input-group mb-3 col-lg-4"gt;  lt;div class="input-group-prepend "gt;  lt;span class="input-group-text " id="basic-addon1"gt;Recruiterlt;/spangt;  lt;/divgt;  {{ form.recruiter }}  lt;/divgt;   lt;div class="input-group mb-3 col-lg-4"gt;  lt;div class="input-group-prepend"gt;  lt;span class="input-group-text" id="basic-addon1"gt;Noteslt;/spangt;  lt;/divgt;  lt;input type="text" class="form-control" id="notes" name="notes"gt;  lt;/divgt;   lt;div class="input-group mb-3 col-lg-4"gt;  lt;div class="input-group-prepend"gt;  lt;span class="input-group-text" id="basic-addon1"gt;Acceptedlt;/spangt;  lt;/divgt;  lt;select class="form-select form-select-lg" aria-label=".form-select-lg" id='accepted' name='accepted'gt;  lt;option value="Not Yet" selectedgt;Not Yetlt;/optiongt;  lt;option value="No"gt;Nolt;/optiongt;  lt;option value="Yes"gt;Yeslt;/optiongt;  lt;/selectgt;  lt;/divgt;   lt;div class="input-group mb-3 col-lg-4"gt;  lt;div class="input-group-prepend"gt;  lt;span class="input-group-text" id="basic-addon1"gt;Vote is uplt;/spangt;  lt;/divgt;  lt;select class="form-select form-select-sm" aria-label=".form-select-sm" id='vote_is_up' name='vote_is_up'gt;  lt;option value="No" selectedgt;Nolt;/optiongt;  lt;option value="Yes"gt;Yeslt;/optiongt;  lt;/selectgt;  lt;/divgt;  lt;div class="form-check"gt;  lt;input class="form-check-input" type="checkbox" value="" id="archived" hiddengt;  lt;label class="form-check-label" for="flexCheckDefault" hiddengt;  Archived  lt;/labelgt;  lt;/divgt;  {% if form.errors %}  {% for field in form %}  {% for error in field.errors %}   lt;div class="alert alert-danger"gt;  lt;stronggt;{{ error|escape }}lt;/stronggt;  lt;/divgt;  {% endfor %}  {% endfor %}  {% endif %} lt;button type="submit" class="btn btn-primary"gt;Addlt;/buttongt; lt;/formgt;  

Как вы можете видеть на изображении ниже, все «метки» не выровнены. Я бы хотел, чтобы они были все такими же длинными, чтобы они красиво выстраивались

Как я сам сказал в комментариях, и Сиддхарт Бхансали подтвердил, мне нужно установить фиксированную ширину в пользовательском css диапазона. Так что эти строки стали:

 lt;span class="input-group-text " id="basic-addon1" style="width: 115px;"gt;