# stuck on think how can i style django built in auh views with bootstrap

**URL:** <https://forum.djangoproject.com/t/stuck-on-think-how-can-i-style-django-built-in-auh-views-with-bootstrap/30716>\
**Category:** Getting Started\
**Created:** [May 1, 2024, 7:26am UTC](https://forum.djangoproject.com/t/stuck-on-think-how-can-i-style-django-built-in-auh-views-with-bootstrap/30716 "2024-05-01T07:26:01Z")\
**Posts on this page:** 12\
**Page:** 1

<div class="post-metadata">

**Author:** ![countingstarsthink](https://sea2.discourse-cdn.com/flex026/user_avatar/forum.djangoproject.com/countingstarsthink/32/20989_2.png) [@countingstarsthink](https://forum.djangoproject.com/u/countingstarsthink)\
**Post date:** [May 1, 2024, 7:26am UTC](https://forum.djangoproject.com/t/stuck-on-think-how-can-i-style-django-built-in-auh-views-with-bootstrap/30716/1 "2024-05-01T07:26:02Z")

</div>

how can we bootstrap the django built in auth view like password change, reset, confirm. i have created custom form for registation and login and had control over the design elements but with auth views its my understanding that i cant control the design part. Any suggestion please, by the way i have been studying django for last 4 years, this is my first creating something in it, and this is my first joining the django forum and posting on it. Any suggestion are welcome to style django built in auth views.

---

<div class="post-metadata">

**Author:** ![KenWhitesell](https://sea2.discourse-cdn.com/flex026/user_avatar/forum.djangoproject.com/kenwhitesell/32/280_2.png) [@KenWhitesell](https://forum.djangoproject.com/u/KenWhitesell)\
**Post date:** [May 1, 2024, 11:28am UTC](https://forum.djangoproject.com/t/stuck-on-think-how-can-i-style-django-built-in-auh-views-with-bootstrap/30716/2 "2024-05-01T11:28:02Z")

</div>

There are multiple ways of doing it. Your options for this are covered in the docs at [Authentication Views](https://docs.djangoproject.com/en/5.0/topics/auth/default/#module-django.contrib.auth.views). Fundamentally, styling the password reset view is no different than styling any of the other authentication views.

---

<div class="post-metadata">

**Author:** ![countingstarsthink](https://sea2.discourse-cdn.com/flex026/user_avatar/forum.djangoproject.com/countingstarsthink/32/20989_2.png) [@countingstarsthink](https://forum.djangoproject.com/u/countingstarsthink)\
**Post date:** [May 1, 2024, 2:39pm UTC](https://forum.djangoproject.com/t/stuck-on-think-how-can-i-style-django-built-in-auh-views-with-bootstrap/30716/3 "2024-05-01T14:39:36Z")

</div>

I am sorry, i am not hardcore coder, infact i am below average code, it take time for me to understand things, but once i get the hang of it, it sticks. I have read the documentation sir, and honsetly i couldnt find anything helpful, thats why i approached the community searching for the answer. It would be very helpful sir, if you can write me few of the solutions that works. Thanks

---

<div class="post-metadata">

**Author:** ![KenWhitesell](https://sea2.discourse-cdn.com/flex026/user_avatar/forum.djangoproject.com/kenwhitesell/32/280_2.png) [@KenWhitesell](https://forum.djangoproject.com/u/KenWhitesell)\
**Post date:** [May 1, 2024, 2:55pm UTC](https://forum.djangoproject.com/t/stuck-on-think-how-can-i-style-django-built-in-auh-views-with-bootstrap/30716/4 "2024-05-01T14:55:13Z")

</div>

You stated above that you’ve already done this for your registration and login pages.

There’s no difference between what you did for those and what you need to do here.

---

<div class="post-metadata">

**Author:** ![countingstarsthink](https://sea2.discourse-cdn.com/flex026/user_avatar/forum.djangoproject.com/countingstarsthink/32/20989_2.png) [@countingstarsthink](https://forum.djangoproject.com/u/countingstarsthink)\
**Post date:** [May 1, 2024, 3:14pm UTC](https://forum.djangoproject.com/t/stuck-on-think-how-can-i-style-django-built-in-auh-views-with-bootstrap/30716/5 "2024-05-01T15:14:11Z")

</div>

but i made a instance of those, then i could bootstrap them. here auth views only give me the {{ form}} that’s it.

---

<div class="post-metadata">

**Author:** ![countingstarsthink](https://sea2.discourse-cdn.com/flex026/user_avatar/forum.djangoproject.com/countingstarsthink/32/20989_2.png) [@countingstarsthink](https://forum.djangoproject.com/u/countingstarsthink)\
**Post date:** [May 1, 2024, 3:17pm UTC](https://forum.djangoproject.com/t/stuck-on-think-how-can-i-style-django-built-in-auh-views-with-bootstrap/30716/6 "2024-05-01T15:17:00Z")

</div>

this is making my head spin for last 3 days, for registration form, i could customize or the UserCreationForm, For login, i am using the name=username, name=password, values from bootstrap, but how do i style the password change or reset or confirmations, here i am stuck.

---

<div class="post-metadata">

**Author:** ![KenWhitesell](https://sea2.discourse-cdn.com/flex026/user_avatar/forum.djangoproject.com/kenwhitesell/32/280_2.png) [@KenWhitesell](https://forum.djangoproject.com/u/KenWhitesell)\
**Post date:** [May 1, 2024, 4:56pm UTC](https://forum.djangoproject.com/t/stuck-on-think-how-can-i-style-django-built-in-auh-views-with-bootstrap/30716/7 "2024-05-01T16:56:34Z")

</div>

Please be very specific with what it is that you want to do to the password change form.

---

<div class="post-metadata">

**Author:** ![countingstarsthink](https://sea2.discourse-cdn.com/flex026/user_avatar/forum.djangoproject.com/countingstarsthink/32/20989_2.png) [@countingstarsthink](https://forum.djangoproject.com/u/countingstarsthink)\
**Post date:** [May 1, 2024, 5:27pm UTC](https://forum.djangoproject.com/t/stuck-on-think-how-can-i-style-django-built-in-auh-views-with-bootstrap/30716/8 "2024-05-01T17:27:17Z")

</div>

i want to style it with bootstrap form, how can i do that? with password change, password\_reset and with other built in auth views.

---

<div class="post-metadata">

**Author:** ![KenWhitesell](https://sea2.discourse-cdn.com/flex026/user_avatar/forum.djangoproject.com/kenwhitesell/32/280_2.png) [@KenWhitesell](https://forum.djangoproject.com/u/KenWhitesell)\
**Post date:** [May 1, 2024, 5:28pm UTC](https://forum.djangoproject.com/t/stuck-on-think-how-can-i-style-django-built-in-auh-views-with-bootstrap/30716/9 "2024-05-01T17:28:06Z")

</div>

> [@countingstarsthink](#):
>
> want to style it with bootstrap form,

You need to be more specific. Provide the details of exactly what it is you’re wanting to do.

---

<div class="post-metadata">

**Author:** ![countingstarsthink](https://sea2.discourse-cdn.com/flex026/user_avatar/forum.djangoproject.com/countingstarsthink/32/20989_2.png) [@countingstarsthink](https://forum.djangoproject.com/u/countingstarsthink)\
**Post date:** [May 1, 2024, 5:29pm UTC](https://forum.djangoproject.com/t/stuck-on-think-how-can-i-style-django-built-in-auh-views-with-bootstrap/30716/10 "2024-05-01T17:29:26Z")

</div>

i want to render each form field with bootstrap. is this close?

---

<div class="post-metadata">

**Author:** ![countingstarsthink](https://sea2.discourse-cdn.com/flex026/user_avatar/forum.djangoproject.com/countingstarsthink/32/20989_2.png) [@countingstarsthink](https://forum.djangoproject.com/u/countingstarsthink)\
**Post date:** [May 1, 2024, 5:36pm UTC](https://forum.djangoproject.com/t/stuck-on-think-how-can-i-style-django-built-in-auh-views-with-bootstrap/30716/11 "2024-05-01T17:36:23Z")

</div>

i made custom registration and login forms, so i when created the registration forms i add the bootstrap class in the widgets in the forms.py, now with django built in auth views, i import the views in my app urls.py file and then i simply add {{ form }} in the html file. Now from here i dont know how to style this {{ form}}.

---

<div class="post-metadata">

**Author:** ![countingstarsthink](https://sea2.discourse-cdn.com/flex026/user_avatar/forum.djangoproject.com/countingstarsthink/32/20989_2.png) [@countingstarsthink](https://forum.djangoproject.com/u/countingstarsthink)\
**Post date:** [May 2, 2024, 5:10pm UTC](https://forum.djangoproject.com/t/stuck-on-think-how-can-i-style-django-built-in-auh-views-with-bootstrap/30716/12 "2024-05-02T17:10:36Z")

</div>

can you tell me how can i specify more the django topic i am asking for?
