Using Bootstrap in Python Django Projects Tutorial

In this part o tutorial, we're going to learn how to add the newest Bootstrap 5 into our Django project. This tutorial begins where the previous part has ended.

===============================

🎁 Join our mailing list & receive exclusive resources for developers

⭐ Support the creation of open-source packages with a STAR on GitHub

👨‍👩‍👧‍👦 If you have any questions - don't hesitate to ask on our Facebook group:

🎓 Learn responsive web design with the latest Bootstrap 5

📥 Download Material Design for Bootstrap - FREE open-source UI KIT

00:00 Intro
00:43 Project Structure
02:03 Adding bootstrap
05:10 Adding project components
10:22 Endnotes
___________________

Show us some love ↓

#bootstrap5#django#tutorial

[Mdbootstrap]

I hope you liked the video. If you are already here in the comment section, I invite you to let me know what other videos would you like to see in the future. Also, share any other feedback that you have on this video!

I don't run ads on tutorials - the only value I get is your engagement in the MDB community.

So if you would like to show your support:
- Encourage more people to Keep Coding ---> Send this video to one person
- Stay tuned for new content ---> Subscribe & ring the bell

In the description, you will find links to some useful, free resources:
📥 Download Material Design for Bootstrap - FREE open-source UI KIT
🎓 Learn responsive web design with the latest Bootstrap 5 (full 1.5H course)
🎁 Join our mailing list & receive exclusive perks (free stuff that is normally behind a paywall)
⭐Support the creation of open-source packages with a STAR on GitHub
👪 If you have any questions - don't hesitate to ask on our Facebook group

Thank you for your support!

[SisiraSomaratne]

You are a very good teacher! I like you explain the various ways we can add path and directory names. That clears my mind. Thank you!

[empowercode]

Hey! I just found your channel and subscribed, love what you're doing!

I like how clear and detailed your explanations are as well as the depth of knowledge you have surrounding the topic! Since I run a tech education channel as well, I love to see fellow Content Creators sharing, educating, and inspiring a large global audience. I wish you the best of luck on your YouTube Journey, can't wait to see you succeed! Your content really stands out and you've put so much thought into your videos!

Cheers, happy holidays, and keep up the great work ;)

[mohammedelharfaoui]

Thanks Bro, it's a great tutorial. It helps a lot.

[yveslaporte]

Good, It feels that you are the first totally comprehensive video I see. (I've seen tons...)

[bassethoundgang]

That was a great video. Thanks for putting the work into it. I know how hard this can be since I'm making training videos now too. It was short an to the point. Nice job!

[EXTREMEXX]

Thank you very much! I think we need more tutorial about python django from you :)

[LuisLopez-enpj]

I can see that you added the link tag out of the html tags, it has to be in that way?.
Great channel

[MHMCABabaranjith]

ultimate
tq ur making me to selfstudy

[ivankg]

Thanks a lot for video! You have the best pronunciation for my listening. Is it your native language?

[ChiquiSistemas]

why you named 'static' for bootstrap and 'static' for images, seek in both static vars? what happend if I want to save image with static var? put the images in the 2 folders?
PD.: sorry for my english

[xxoooOFxx]

Thank you for this!One of the most ignored areas of django development. I've become proficient with backend development, but everything I've developed so far looks like Craigslist. Boring. Need to learn this fast, or risk losing interest in Django.

[TheDatabaseDude]

I don't understand the explanation of the suggested directory structure for the placement of the static files. Specifically I don't understand the suggest extra level with the extra app directory under the static directory. In the example of the video it suggests that if you have an app directory for the "home" app with the structure mysite/home/ then instead of putting static files in a new directory called "static" under "home", you should instead create this "static" directory under "home" and then create another "home" under the "static" directory for the location of the static files.

It states that the reason for this is that if you create another app - say app2 and just put the static files in a "static" directory under "app2" and have a static file with the same name in both apps then django won't be able to distinguish between them. This is what I don't understand. Why can't it distinguish between them?

mysite/home/static
is different from
mysite/app2/static

so why can't django distinguish between two files with the same name located under each these two different directories.

and how is

mysite/home/static/home
more different from
mysite/app2/static/app2

than

mysite/home/static
is from
mysite/app2/static

[meganm]

What about adding the JS? I have this at the bottom of my file <script src="{% static 'js/bootstrap.js' %}"></script> but I'm getting an error dropdown.js:241 Uncaught TypeError: is not a function when I try to use a dropdown menu