Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/72.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html Django crispy表单仅部分加载css_Html_Css_Django_Django Forms_Django Crispy Forms - Fatal编程技术网

Html Django crispy表单仅部分加载css

Html Django crispy表单仅部分加载css,html,css,django,django-forms,django-crispy-forms,Html,Css,Django,Django Forms,Django Crispy Forms,我试图创建一个看起来像的简洁表单,但是我的代码呈现了一个默认的html输入框和一个不相交的引导按钮,而不是所需的“连接”表单。我的表单代码如下所示: class SearchForm(forms.Form): query = forms.CharField() def __init__(self, *args, **kwargs): super(SearchForm, self).__init__(*args, **kwargs) self

我试图创建一个看起来像的简洁表单,但是我的代码呈现了一个默认的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

它创造了一些看起来像的东西。如何修复此问题?

看起来您需要引导。请尝试在
settings.py
中设置
CRISPY\u TEMPLATE\u PACK='bootstrap'
(或
bootstrap3
),如所示。

看起来您需要引导。请尝试在
settings.py
中设置
CRISPY\u TEMPLATE\u PACK='bootstrap'
(或
bootstrap3
),如所示。

问题不太可能出现在Django表单代码中。您的CSS文件是否包含在生成的标题中?你能发布一个真实的例子而不是一个图像截图吗?我在HTML基本代码中包含bootstrap.min.css(它显示在生成的标题中),这是我根据文档工作所需要的全部。你所说的实例到底是什么意思?问题不太可能出现在Django表单代码中。您的CSS文件是否包含在生成的标题中?你能发布一个真实的例子而不是一个图像截图吗?我在HTML基本代码中包含bootstrap.min.css(它显示在生成的标题中),这是我根据文档工作所需要的全部。你所说的实例到底是什么意思?哇,把它从“bootstrap”改为“bootstrap3”修复了它!非常感谢。另一方面,我该如何防止搜索栏占据整个页面(但仍然占据了相当大的比例)?没问题。如果这对你有帮助,记得接受答案。至于你的搜索栏,这是一个不同的问题——阅读Bootstrap的网格布局,如果仍然没有意义,请随时再问我一次,我会拉你聊天。你能拉我聊天来帮我一点忙吗?我原以为我可以使用css_class=“input medium”或类似的工具修改表单大小,但这在bootstrap3中似乎不起作用,我不知道如何在实际表单codewo中修复它,将其从“bootstrap”更改为“bootstrap3”修复了它!非常感谢。另一方面,我该如何防止搜索栏占据整个页面(但仍然占据了相当大的比例)?没问题。如果这对你有帮助,记得接受答案。至于你的搜索栏,这是一个不同的问题——阅读Bootstrap的网格布局,如果仍然没有意义,请随时再问我一次,我会拉你聊天。你能拉我聊天来帮我一点忙吗?我想我可以使用css_class=“input medium”或类似的东西修改表单大小,但这在bootstrap3中似乎不起作用,我不确定如何在实际的表单代码中修复它