Sign In Start Free Trial
Account

Add to playlist

Create a Playlist

Modal Close icon
You need to login to use this feature.
  • Django 4 for the Impatient
  • Toc
  • feedback
Django 4 for the Impatient

Django 4 for the Impatient

By : Greg Lim, Daniel Correa
3.8 (10)
close
Django 4 for the Impatient

Django 4 for the Impatient

3.8 (10)
By: Greg Lim, Daniel Correa

Overview of this book

Learning Django can be a tricky and time-consuming activity. There are hundreds of tutorials, loads of documentation, and many explanations that are hard to digest. However, this book enables you to use and learn Django in just a couple of days. In this book, you’ll go on a fun, hands-on, and pragmatic journey to learn Django full stack development. You'll start building your first Django app within minutes. You'll be provided with short explanations and a practical approach that cover some of the most important Django features, such as Django Apps’ structure, URLs, views, templates, models, CSS inclusion, image storage, authentication and authorization, Django admin panel, and many more. You'll also use Django to develop a movies review app and deploy it to the internet. By the end of this book, you'll be able to build and deploy your own Django web applications.
Table of Contents (14 chapters)
close

Adding Bootstrap to our site

Before we go any further, let's add Bootstrap to our site. Bootstrap helps make our site look good without worrying about the necessary HTML/CSS to create a beautiful site. Bootstrap is the most popular framework for building responsive and mobile-friendly websites. Instead of writing our own CSS and JavaScript, we can choose which Bootstrap component we want to use – for example, a navigation bar, button, alert, list, and card – and simply copy and paste its markup into our template.

Let's look at the steps to do just that:

  1. Go to https://getbootstrap.com/ and go to Get started (Figure 4.4):

Figure 4.4 – The Bootstrap site

  1. Copy the style sheet link (as shown in Figure 4.5) inside the <head> tag of the home.html template to load the Bootstrap CSS:

Figure 4.5 – Bootstrap CSS CDN link

home.html will look something like this:

<!DOCTYPE...

Unlock full access

Continue reading for free

A Packt free trial gives you instant online access to our library of over 7000 practical eBooks and videos, constantly updated with the latest in tech
bookmark search playlist download font-size

Change the font size

margin-width

Change margin width

day-mode

Change background colour

Close icon Search
Country selected

Close icon Your notes and bookmarks

Delete Bookmark

Modal Close icon
Are you sure you want to delete it?
Cancel
Yes, Delete