【问题标题】:Why doesn't the width of my textinput box match the width of the Bootstrap grid I have written in my form/html?为什么我的文本输入框的宽度与我在表单/html 中编写的引导网格的宽度不匹配?
【发布时间】:2020-11-16 23:41:49
【问题描述】:

我正在使用 Bootstrap 网格并将第一列的宽度设置为 md-6。下面的屏幕截图显示控件确实设置为所需的宽度,但文本输入框没有展开。我以前在其他项目中做过这个,我可以在这些项目中正确改变宽度。我已经简化了表单和 html,并试图寻找项目之间的差异。在这一点上,我对这个问题视而不见。我想尝试一些关于新事物的想法。

这是我的html:

{% extends 'base.html' %}

{% block title %}Create Work item{% endblock %}

{% block moreheaders %}
    <link rel="stylesheet" href="https://netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.css">
    {{ form.media }}    
{% endblock %}


{% load crispy_forms_tags %}      

{% block content %}
    <form action= "{% url 'save' %}" method="post" enctype="multipart/form-data">
        {% csrf_token %}
        <div class="container">
            <div class="form-row">
                
                <div class="form-group col-md-6  mb-0">
                    {{ form.itemnumber|as_crispy_field }}
                </div>
                <div class="form-group col-md-3 mb-0">
                    {{ form.priority|as_crispy_field }}
                </div>
                <div class="form-group col-md-3  mb-0">
                    {{ form.type|as_crispy_field }}
                </div>
            </div>

            <br>
            <div class="form-row">
                <input type="submit" value="Save" />
            </div>
        </div>
    </form>
{% endblock %}
 

这是我的表格:

from django import forms
from django.core.exceptions import ValidationError
from tempus_dominus.widgets import DatePicker, TimePicker, DateTimePicker
from django.utils.text import slugify
from workitems.models import *
import datetime




class WorkitemForm(forms.Form):
    class Meta:
        model = Workitem

    
    itemnumber = forms.CharField()
    priority = forms.IntegerField()
    type = forms.CharField(initial="I")
    
    
    def __init__(self, *args, **kwargs):
        print("args=",args)
        if "request.POST" in kwargs:
            self.request = kwargs.pop(request.POST)
        else:
            if "request" in kwargs:
                self.request = kwargs.pop("request")
        super(WorkitemForm, self).__init__(*args, **kwargs)

【问题讨论】:

    标签: bootstrap-4 django-forms datagrid


    【解决方案1】:

    我创建了另一个项目并且文本输入框宽度开始表现。有东西被破坏了,但我不知道是什么。

    【讨论】:

      猜你喜欢
      • 2011-01-23
      • 2011-02-09
      • 2012-04-07
      • 1970-01-01
      • 2019-12-26
      • 1970-01-01
      • 1970-01-01
      • 2012-08-26
      • 2019-06-18
      相关资源
      最近更新 更多