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:
- Go to https://getbootstrap.com/ and go to Get started (Figure 4.4):
Figure 4.4 – The Bootstrap site
- Copy the style sheet link (as shown in Figure 4.5) inside the
<head>tag of thehome.htmltemplate to load the Bootstrap CSS:
Figure 4.5 – Bootstrap CSS CDN link
home.html will look something like this:
<!DOCTYPE...
