Django 酥脆的表单选项卡无法更改 css答案

【问题标题】：Django crispy forms tabholder can't change cssDjango 酥脆的表单选项卡无法更改 css
【发布时间】：2020-06-25 06:48:55
【问题描述】：

在我的表单中，我想更改选项卡的样式，如果我将 css_class 添加到 TabHolder，它不会呈现它，它只会保留默认类。这是模型窗体的 init。

def __init__(self, *args, **kwargs):
    self.user = kwargs.pop('user', None)
    super().__init__(*args, **kwargs)
    self.helper = FormHelper()
    self.helper.form_tag = True
    self.helper.form_method = 'POST'
    self.helper.layout = Layout(
        TabHolder(
            Tab(_('Company'),
                'name',
                css_class='nav-item active'),
            Tab('Address',
                'country',
                css_class='nav-item'),
            Tab('Info',
                'email', 'phone', 'website',
                css_class='nav-item'),
            css_class='nav nav-tabs nav-tabs-highlight nav-justified mb-0'
        ),
        ButtonHolder(
            Submit('submit', "Submit form", css_class='btn btn-primary')
        ),
    )

正如您在 TabHolder 中看到的那样，有 css_class='nav nav-tabs nav-tabs-highlight nav-justified mb-0' 但它一直只显示 css_class='nav nav-tabs'

【问题讨论】：

标签： django bootstrap-4 django-forms django-crispy-forms

【解决方案1】：

CSS_class 在标签模板中是硬编码的。最简单的解决方法可能是覆盖模板。

https://github.com/django-crispy-forms/django-crispy-forms/blob/master/crispy_forms/templates/bootstrap4/layout/tab.html

【讨论】：