django-crispy-forms VS crispy-tailwind

We start with an empty Django project which we call babelbox_project and an empty app called babelbox. We use the django-crispy-forms package to style our forms with Bootstrap.

django-crispy-forms - have to put this up again, amazing for rendering forms simply.

django-crispy-forms

Unless I'm misunderstanding the image/description, you only mentioned one field, phone_number, so I'm not exactly sure what you're wanting separated. In any case, are you using django-cirpsy-forms? You may want to give that a try, then following the advice from the article above you can customize your forms as you see fit with some easy bootstrap styling to boot:

Doc: https://django-crispy-forms.readthedocs.io/en/latest/ Source: https://github.com/django-crispy-forms/django-crispy-forms

Does this link help at all?

The docs suggest that custom widgets should only be created by overwriting the class name through the attrs on the widget, but I haven't gotten it to work since the customization needs to be a bit more detailed I think.

Next, install Django and cripsy_tailwind. Crispy_tailwind is the tailwind version of bootstrap's cripsy_form used to style forms templates.

tailwind-crispy-forms is helpful, and a good start.

crispy-tailwind