Question

我在Django中使用以下字段编写一个简单的表单：DateField，CharField，Textarea和Autocomplete-light（查询数据库以自动完成）。所有字段都运行良好，但是当我在html中渲染时，当浏览器窗口变小时，它们不会调整大小。我把jumbotron放在一个容器里，只有按钮实际上是响应的......其他领域的问题是什么？

HTML：

{% load staticfiles %}
<link rel="stylesheet" href="{% static 'css/bootstrap.min.css' %}" type="text/css"/>
<link rel="stylesheet" href="{% static 'css/custom.css' %}" type="text/css"/>

<body>
    <div class="container">
         <div class="jumbotron">
                  <form method='POST' action'' enctype="multipart/form-data">{% csrf_token %}
                    <div class="form-group">
                        <table class="rica">
                              {{ form.as_table }}
                        </table>
                    </div>
                         <input type="submit" class="btn btn-light-blue btn-md btn-block" value="INVIA RICHIESTA">
                  </form>
         </div>
    </div>
</body>

Answer 1

在表单中，您希望指定希望表单字段采用的css类。然后它将相应地格式化。 Bootstrap表单字段通常使用class="form-control"，因此您需要一个类似的表单（这主要是我使用的实际表单的复制和粘贴）：

class MyModelForm(forms.ModelForm):
    class Meta:
        model = MyModel
        exclude = ('id',)
        widgets = {
            'name' : forms.TextInput(attrs={'class' : 'form-control'}),
            'image' : forms.FileInput(attrs={'class' : 'form-control'}),
            'add1' : forms.TextInput(attrs={'class' : 'form-control'}),
            'add2' : forms.TextInput(attrs={'class' : 'form-control'}),
            'add3' : forms.TextInput(attrs={'class' : 'form-control'}),
            'add4' : forms.TextInput(attrs={'class' : 'form-control'}),
            'position' : forms.TextInput(attrs={'class' : 'form-control'}),
            'hours' : forms.Select(attrs={'class' : 'form-control'}),
            'salary' : forms.Select(attrs={'class' : 'form-control'}),
            'website' : forms.URLInput(attrs={'class' : 'form-control'}),
        }

Answer 2

将$ telnet localhost 11211 Trying 127.0.0.1... Connected to localhost. Escape character is '^]'. set hello 0 0 5 12345 STORED gets hello VALUE hello 0 5 6743 12345 END cas hello 0 0 0 0 EXISTS cas foo 0 0 0 0 NOT_FOUND放入您的文本框并将class="form-control"“放入您的textarea

Django bootstrap 3无法响应表单

2 个答案: