Хрустящие формы Django загружают css только частично

Я пытаюсь создать четкую форму, которая выглядит примерно так: это, но мой код отображает HTML по умолчанию поле ввода и непересекающаяся кнопка начальной загрузки вместо желаемой «подключенной» формы. Мой код формы выглядит примерно так:

class SearchForm(forms.Form):
    query = forms.CharField()    
    def __init__(self, *args, **kwargs):
        super(SearchForm, self).__init__(*args, **kwargs)
        self.fields['query'].label = ""
        self.helper = FormHelper(self)
        self.helper.layout = Layout(
            FieldWithButtons('query', StrictButton(">>", type="submit", css_class="btn-success"), css_class='input-xlarge')
        )
        self.helper.form_tag = False

Он создает что-то похожее на это. Как это исправить?


django html css django-forms django-crispy-forms
person 2014mchidamb    schedule 20.10.2013    source источник
comment
Проблема вряд ли в вашем коде формы Django. Включены ли ваши файлы CSS в сгенерированный заголовок? Можете ли вы опубликовать живой пример, а не скриншот изображения?   -  person Christian Ternus    schedule 21.10.2013
comment
Я включил bootstrap.min.css в свой базовый код HTML (и он отображается в сгенерированном заголовке), и это все, что мне нужно, чтобы это работало в соответствии с документами. Что именно вы подразумеваете под живым примером?   -  person 2014mchidamb    schedule 21.10.2013

Ответы (1)


arrow_upward
1
arrow_downward

Похоже, вам нужен Bootstrap. Попробуйте установить CRISPY_TEMPLATE_PACK = 'bootstrap' (или bootstrap3) в settings.py в соответствии с данная документация.

person Christian Ternus    schedule 21.10.2013
comment
Вау, изменение его с «bootstrap» на «bootstrap3» исправило это! Благодарю вас! Кстати, как бы я запретил панели поиска занимать всю страницу (но при этом сделать так, чтобы она занимала много места)? - person 2014mchidamb; 21.10.2013
comment
Без проблем. Не забудьте принять ответ, если это помогло вам. Что касается панели поиска, то это другой вопрос — почитайте о макете сетки Bootstrap, и, если это все еще не имеет смысла, не стесняйтесь спрашивать меня еще раз, и я приглашу вас в чат. - person Christian Ternus; 21.10.2013
comment
Не могли бы вы втянуть меня в чат, чтобы немного помочь мне? Я думал, что смогу изменить размер формы, используя css_class=input-medium или что-то подобное, но, похоже, это не работает в bootstrap3, и я не уверен, как это исправить в фактическом коде формы. - person 2014mchidamb; 26.10.2013