Bootstrap HTML CSS - Django Web Development with Python 4

Hello and welcome to the fourth Django web development with Python tutorial. In this tutorial, we're going to spice up our home page a bit.

We're going to use Bootstrap, which is a popular HTML/CSS and some javascript package that greatly helps people who are design deficient. Bootstrap isn't going to fix you entirely, but it can at least lend a helping hand.

[murtaza]

Hey, just wanted to thank you very much for making these free tutorials. I'm sitting here in bed, too sick to go to school, and these videos are really making the sickness worth it. Thank you.

[brendanmilton]

You are an incredible teacher, you should literally start your own certified python programming degree! You'd make a fortune!

[harindermushiana]

You are a godsent man. I searched for django tutorials for a long time and finally I found the perfect ones here.

[tarat.techhh]

Fast forward in DECEMBER 2019, Dude your tutorials are still the best one out here on YOUTUBE.
Thank you very much for making them!!
Respect +(inf)

[truebluekit]

At least from Django 3.0.3, {% load staticfiles %} no longer works.


Change to {% load static %}
It worked for me.

[RievenRast]

You got a new subscriber! You explain things very simple, not boring and with a passion for it. Just great!

[sentdex]

Back when PythonProgramming.net was bootstrap! (isn't anymore)

[ermalabiti]

in this tutorial i finally learned how to stick the footer to the bottom, which i could never learn from the many other front-end tutorials

[versysbiker]

superb tutorials. I have tried to learn django from so many other tutorials but couldnt follow them whatsoever. But ur tutorials are simple and yet informative, thanks and keep up the sharing :D

[khaki]

99% of programming is about memorisation and 1% creativity, and that 1% defines how good you are!

[kevinphillips]

I read the title too fast, I though Python released a Python 4!

[mathewmorris]

When he says 'Jinja logic'' I hear 'ginger logic' haahaah

[faraihuruba]

2020 June!!! and this is the best tutorial i have ever had on YouTube Great work

[antopolskiy]

I am following along and everything works really well so far. Thank you for creating these, great great content.

[NeelPatel-qtrx]

lots of thanks to making all Python tutorials. you are awesome. !!!

[albertbeccu]

I could not get the links to be in order. Don't know if it's due to some Bootstrap error, or I'm doing it wrong somehow. Either way, they kept ending up on the same line with that code for some reason (I copied it from the studies page), so I replaced, on row 44-48:

<ul class="nav nav-pills nav-stacked">
<li><a href='/'>Home</a></li>
<li><a href='/blog/'>Blog</a></li>
<li><a
 </ul>

with... 

<nav class="nav flex-column">
       <a class="nav-link active" href="/">Home</a>
       <a class="nav-link" href="/Blog/">Blog</a>
       <a class="nav-link" href="/Contact/">Contact</a>
        </nav>

Which fixed it. All else is the same, even the <div class sidebar code. Hope I don't run into problems in the next tutorials! Also THANK YOU for all these tutorials - they have helped me learn a lot! :-)

[wdtEcho]

Love your tutorials man you're the best:) It looks so easy and I understand them so quick. Love what you do :)

the nav bar doesn't work in the new version of bootstrap :c
solved:
<div class="navbar bg-light" id="sidebar"
<ul class="navbar-nav">
<li class="nav-item"><a href='/'>Home</a></li>
<li class="nav-item"><a href='/blog/'>Blog</a></li>
<li class="nav-item"><a
</ul>
</div>
=P!

[Danuxsy]

Thank you for providing us with such high quality content, It has helped me tremendously and will continue to do so for me and for others, thanks.

[johan]

so far best guide i have found, and still relevant. thanks a lot!