Here is the code snippet I created:

<form class="form-horizontal" method="post">{% csrf_token %}
    <fieldset>
        <legend>{{ title }}</legend>
        {% for field in form %}
            {% if field.errors %}
                <div class="control-group error">
                    <label class="control-label">{{ field.label }}</label> 
                    <div class="controls">{{ field }}
                        <span class="help-inline">
                            {% for error in  field.errors %}{{ error }}{% endfor %}
                        </span>
                    </div>
                </div>
            {% else %}
                <div class="control-group">
                    <label class="control-label">{{ field.label }}</label> 
                    <div class="controls">{{ field }}
                        {% if field.help_text %}
                            <p class="help-inline"><small>{{ field.help_text }}</small></p>
                        {% endif %}
                    </div>
                </div>
            {% endif %}
        {% endfor %}
    </fieldset>
    <div class="form-actions">
        <button type="submit" class="btn btn-primary" >Submit</button>
    </div>
</form>

For situations where django-crispy-forms is not applicable (such as when each field of the form is treated individually in the template), jcmrgo's solution becomes essential. Drawing from his approach, I have crafted a tailored solution for Bootstrap 3 (preserving his version for Bootstrap 2), along with an adjustment of field classes within the template. Unlike other methods that rely on additional forms or template tags to access field classes, this solution efficiently sets the necessary classes to the field tags without requiring external coding:

{% load i18n widget_tweaks %}

<form class="form-horizontal" role="form" action="." method="post">
    {% csrf_token %}
    {% for field in form %}
        {% if field.errors %}
            <div class="form-group has-error">
                <label class="col-sm-2 control-label" for="id_{{ field.name }}">{{ field.label }}</label>
                <div class="col-sm-10">
                    {{ field|attr:"class:form-control" }}
                    <span class="help-block">
                        {% for error in  field.errors %}{{ error }}{% endfor %}
                    </span>
                </div>
            </div>
        {% else %}
            <div class="form-group">
                <label class="col-sm-2 control-label" for="id_{{ field.name }}">{{ field.label }}</label>
                <div class="col-sm-10">
                    {{ field|attr:"class:form-control" }}
                    {% if field.help_text %}
                        <p class="help-block"><small>{{ field.help_text }}</small></p>
                    {% endif %}
                </div>
            </div>
        {% endif %}
    {% endfor %}
    <div class="form-group">
        <div class="col-sm-offset-2 col-sm-10">
            <button type="submit" class="btn btn-primary">{% trans "Submit" %}</button>
        </div>
    </div>
</form>

For this to work, ensure you have django-widget-tweaks installed and added to your INSTALLED_APPS.

One way to achieve this is by implementing the following:

{% for item in form %}
<div class="item-container">
    <label class="item-label" for="id_{{ item.name }}">{{ item.title }}</label>
    <div class="item-content">
        {{ item }}
        <p class="item-description">{{ item.description }} </p>
    </div>
</div>
{% endfor %}

If you want to customize the appearance of Django-generated forms with CSS attributes, simply include the code snippet below in your forms.py file:

Recipient = forms.ChoiceField(label=u'Recipient', widget=forms.Select(attrs={'id':'dropdown'}))

By using this code, you will generate the following HTML output:

<label for="id_Recipient">Recipient</label>
<select id="dropdown" name="Recipient">

If you're looking to enhance your web development, I highly suggest visiting https://github.com/dyve/django-bootstrap-toolkit

Check out my updated code using django_tweaks for a more polished appearance. I prefer using render_field over filters for a lighter approach. I've incorporated bootstrap styled alert messages and disabled navigator validation (novalidate). Still getting the hang of Django, so feel free to give feedback if you spot anything odd.

<form class="custom" method="post" action="/subscribe/" novalidate>
    {% csrf_token %}
    <fieldset>
        <legend>{{ title }}</legend>
        {% for field in form %}
            <div class="control-group {%if field.errors %}error{%endif%}">
                <div class="input-group controls">
                    <label class="input-group-addon control-label" id="{{field.label|safe}}">{{ field.label }}</label>
                    {% render_field field type="text" class="form-control" placeholder="" aria-describedby="field.label|safe" %}
                </div>
                    {% for error in field.errors %}
                         <div class="alert alert-danger">
                            <strong>{{ error|escape }}</strong>
                         </div>
                    {% endfor %}

                    {% if field.help_text %}
                        <p class="help-inline">{{ field.help_text|safe }}</p>
                    {% endif %}
            </div>

        {% endfor %}
    </fieldset>
    <div class="form-actions">
        <button type="submit" class="btn btn-primary" >Submit</button>
    </div>
</form>

One approach is to create a custom class that specifies the attributes you desire and then use it as needed.

class ContactForm(ModelForm):
    class Meta:
      model = Contact
      created = MyDatePicker()

class Uniform(forms):
  def __init__(self, *args, **kwargs):
      attrs = kwargs.pop("attrs",{})
      attrs["class"] = "span3"
      kwargs["attrs"] = attrs
      super(Uniform, self).__init__(*args, **kwargs)

class MyDatePicker(Uniform,forms.DateInput)
  def __init__(self, *args, **kwargs):
      attrs = kwargs.pop("attrs",{})
      attrs["class"] = "datepick" 
      attrs["id"] =kwargs.get('datetag', '')
      kwargs["attrs"] = attrs
      super(MyDatePicker, self).__init__(*args, **kwargs)

When styling forms with Bootstrap, it is important to use <div> elements instead of <p> tags for a more appealing appearance. In my opinion, following the Bootstrap guidelines completely is the best way to achieve a polished look. Here is a method that I recommend:

Consider using the django-bootstrap3 app. For example:

{% load bootstrap3 %}

<form class="signup form-horizontal" id="signup_form" method="post" action="{% url 'account_signup' %}">
    {% csrf_token %}
    {% bootstrap_form form layout="horizontal" %}
    {% buttons submit='Sign Up &raquo;' reset='Reset Form' layout='horizontal' %}{% endbuttons %}
</form>

Take note of the designation of horizontal in the 1) form class attribute, 2) bootstrap_form layout, and 3) buttons layout.

To streamline the process, consider creating a custom base class that inherits from Django's Form class. By customizing the as_p method to generate the necessary Bootstrap format, you can effortlessly update your forms to utilize this new class as the parent, rather than Django's default.

After much deliberation and research, I finally came up with a solution that worked for me.

Upon reviewing the documentation for django-crispy-forms, I discovered that it does not currently support Bootstrap 5.0 +.

Forms.py

from django.contrib.auth.forms import UserCreationForm
from .models import MyModel
class RegistrationForm(UserCreationForm):
    class Meta:
        model = MyModel
        fields = ('username', 'first_name', 'last_name', 'email', 'password1', 'password2')

Views.py

from .models import MyModel
from .forms import RegistrationForm

def signup(request):
    if request.method == 'POST':
        r_form = RegistrationForm(request.POST)
        if r_form.is_valid():
            r_form.save()
            return redirect('home')
    else:
        r_form = RegistrationForm()

    context = {
        'form': r_form
    }
    return render(request, 'myapp/signup.html', context)

Signup.html (using for loop method)

<form action="/signup/" method="post">
   {% csrf_token %} 
   {% for field in form %}
        <div class="form-floating">
            <input
                type="{{ field.field.widget.input_type }}"
                class="form-control"
                id="{{ field.id_for_label }}"
                name="{{field.name}}"
                required
            />
            <label for="{{field.id_for_label}}">{{field.label}}</label>
        </div>
    {% endfor %}

    <div class="d-grid gap-2 d-md-block py-2">
        <button class="btn btn-primary" type="submit">Sign up</button>
    </div>
</form>

Signup.html (using manual method)

<form action="/signup/" method="post">
    {% csrf_token %} 
    <div class="form-floating my-1">
        <input
            type="email"
            class="form-control"
            id="{{form.email.id_for_label}}"
            name="email"
            required
        />
        <label for="{{form.email.id_for_label}}">Email address</label>
    </div>
    ... next div

I referenced this Bootstrap example for guidance, but customizing the CSS styles may be necessary.

References

• Get the type of field in django template