我正在與 Bootstrap (5.1.3) 一起學習 Django，我想讓我的代碼盡可能簡單以備將來更新。這就是為什么我在 Django 中使用通用視圖（創建/詳細資訊/編輯...）。效果很好，所有功能現在都可以無縫運行。
我正在努力解決的是我的編輯/創建表單的布局。我找不到增加輸入框大小的方法。
我的模型有以下代碼：
class customer(models.Model):
created_date = models.DateTimeField(auto_now_add = True, editable = False, verbose_name = u"Créé le")
modified_date = models.DateTimeField(auto_now = True, editable = False, verbose_name = u"Modifié le")
fk_referrer = models.ForeignKey('customer', on_delete=models.CASCADE, verbose_name='Parrain', blank = True, null=True)
surname = models.CharField('Prénom', max_length=200)
lastname = models.CharField('Nom', max_length=200)
phonenumber = PhoneNumberField('Téléphone', blank = True, null = True)
email = models.EmailField('Email',max_length=100, blank = True, null = True)
fk_interest = models.ManyToManyField(interests, verbose_name='Interêts', blank=True)
comments = models.TextField('Commentaires', max_length=2000, blank=True, null = True)
def __str__(self):
return (self.surname " " self.lastname)
我確實創建了一個通用視圖：
class CustomerEditView(UpdateView):
model = customer
fields = "__all__"
template_name = 'client/edition.html'
success_url = '/client/'
并在 edition.html 模板中添加了表單：
<form method="POST" enctype="multipart/form-data">
<!-- Security token -->
{% csrf_token %}
<!-- Using the formset -->
<table>
{{ form.as_table }}
</table>
<input type="submit" value="{% if object %}Mettre à jour{% else %}Créer{% endif %}">
</form>
這是輸出的樣子：
表單布局
文本輸入欄位不夠大。我想至少填寫表格（顯示有邊框）我想我應該能夠使用表單對其進行排序，并重新定義我的所有視圖以使其更具體（不是通用的）。但是有沒有辦法更新視圖/引導樣式，以便輸入欄位的寬度會使用所有可用空間？也許在通用視圖之上使用表單？
非常感謝您的幫助。
uj5u.com熱心網友回復：
如果我理解正確，這是 CSS 的東西。不是一個快速的解決方法就是只設定width:100%所有的輸入嗎？
轉載請註明出處，本文鏈接：https://www.uj5u.com/qita/434736.html
下一篇：Bootstrap等于列高大小