#django #django-forms #django-crispy-forms #django-bootstrap4
Вопрос:
Я пытаюсь создать переключатели, созданные с помощью шаблона bootstrap4 в четких формах, для отображения горизонтально по всей странице. Какой бы способ я ни попробовал, он не изменится с дисплея ниже.
Forms.py
class ReviewForm(forms.Form): def __init__(self, *args, **kwargs): super(ReviewForm, self).__init__(*args, **kwargs) self.helper = FormHelper() self.helper.layout = Layout( InlineRadios('like'), ) CHOICES=[('select1','select 1'), ('select2','select 2')] like = ChoiceField(choices=CHOICES, widget=widgets.RadioSelect)
review_form.html
{% extends 'includes/base.html' %} {% block body %} {% load crispy_forms_tags %} {% include 'induction.html' %} lt;div class="container-xl mt-5"gt; {% crispy review %} lt;/divgt; {% endblock %}
Это сгенерированный html
lt;div id="div_id_like" class="form-group"gt; lt;label for="id_like_0" class=" requiredField"gt; Likelt;span class="asteriskField"gt;*lt;/spangt; lt;/labelgt; lt;divgt; lt;div class="custom-control custom-radio custom-control-inline"gt; lt;input type="radio" class="custom-control-input" name="like" value="select1" id="id_like_0" required=""gt; lt;label class="custom-control-label" for="id_like_0"gt; select 1 lt;/labelgt; lt;/divgt; lt;div class="custom-control custom-radio custom-control-inline"gt; lt;input type="radio" class="custom-control-input" name="like" value="select2" id="id_like_1" required=""gt; lt;label class="custom-control-label" for="id_like_1"gt; select 2 lt;/labelgt; lt;/divgt; lt;/divgt; lt;/divgt;
Это то, что отображается: