Django/bootstrap Template Rendering

I'm currently coding a website using Django and Bootstrap. I created the templates and models first, and now, I'm implementing the controllers. All is not implemented yet, but I ne

Solution 1:

You should use custom HTML attributes on your **forms.py**.

It's simple:

from django import forms

classyour_form(forms.Form):
    attrs_for_the_field = {
        'class': 'form-control',
        'placeholder': 'Write here!',
    }

    field = forms.CharField(widget=forms.CharField(attrs=attrs_for_the_field))

With this code you will render the following HTML:

<inputtype="text" name="field"class="form-control"  placeholder="Write here!"id="id_field">

Take a look at https://docs.djangoproject.com/en/2.0/ref/forms/widgets/ in order to know how Django represents an HTML input element.

You also should read https://docs.djangoproject.com/en/2.0/ref/forms/fields/ so that you could understand how it works.

Solution 2:

You can add all the HTML configuration for the fields in the form code in forms.py . Than the form can be displayed with just {{ form.as_p}}. Width of input can be retrieved with jQuery or JavaScript .