نحوه دادن کلاس های bootstrap به فرم های جنگو
با درود. من میخوام طرح یا ساختار html فرم جنگویی خودم رو مشابه کد های نمونه bootstrap در داکیومنت ش کنم:
https://getbootstrap.com/docs/5.3/forms/layout/#gutters
یعنی میخوام هر BoundField در یک div قرار بگیرد که من بتوانم به آن div والد، کلاس های col بدهم. بسته به فیلد، یکی را col-3 و دیگری رو مثلا col-5.
مشکل اینجاست که اولا هر یک از BoundField هام، شامل یک div والد نیستند و خودم باید در template ایجاد کنم و دوما اینکه حالا چطور باید کلاس های ذکر شده رو با استفاده از جنگو بدم؟ (میدونم که با js میشه این کلاس ها رو داد، اما نمیخوام اینکار رو انجام بدم)
اینهم نمونه کدی که در template نوشتم:
(متأسفانه هر کار کردم نشد اینجا بگذارمش. این فرم جدید سایت یه خورده اذیت میکنه!! یا من بلد نیستم! عکس هم نشد به درستی بگذارم!)
2 پاسخ
سلام به شما دوست عزیز.
اگر مشکل شما رو درست متوجه شده باشم می تونید از این راه استفاده کنید.
یک قالب به عنوان base یا همون layout اصلی طراحی کنید که آدرس های مربوط به لود کردن فایل های بوت استرپ رو توی اون قرار دهید و این قالب قالب اصلی سایت شما باشه
بعد توی این قالب یه جایی برای لود شدن محتوای صفحات بذارید که بشه صفحات رو توی اون لود کرد
حالا توی مرحله سوم می تونید صفحات خودتون رو طراحی کنید و کلا سهای مربوط به بوت استرپ رو توی هر تگی که خواستید بدید.
بعد از این صفحه استفاده کنید.
ممنونم که پاسخ دادید. البته من راه حل رو پیدا کردم. با دادن کلاس های مورد نظر از طریق widget اتریبیوت در Meta کلاس، میشه اون ها رو به آن input تگ داد. برای دادن کلاس های خاص به label تگ و تغیرات دیگه در اون output HTML، باید حلقه for ایجاد کرد و یکی یکی فیلد مورد نظر رو شخصی سازی کرد:
{% for field in myform %}
//customized label tag
{field}
{% endfor %}