Building Your First Website with Bootstrap 4


 8 Reviews Add a review

Published November 2017

Learn how to save countless hours of tweaking time by jumpstarting your projects with Bootstrap 4.

Do you ever come up with a great website idea, only to get bogged down in front-end setup, wanting to get your layout looking just right?

Perhaps you use the instant gratification of endless stylesheet tweaking to procrastinate on that all-important back-end logic?

Bootstrap is the most popular front-end framework on the web, and many developers use it when they want to get straight to the heart of a new project, instead of dealing with fiddly styling and interaction details.

You’ve learned the basics of Bootstrap 4 and how to build your first, simple site.

Now, we’ll build a complete website called Skate or Die to cover advanced Bootstrap. This is where you’ll learn navbars, carousels, nested rows and columns, modals, images, the FontAwesome integration and more.

By the time you’re done, you’ll be able to whip up an attractive and perfectly aligned layout in no time at all. You’ll have to find another way to procrastinate!

This is part three of a three part series. Get the full benefit by completing them in order:

Oh yeah, and the whole SitePoint library! Learn More.

What you'll learn

  • How to build navigation bars and carousels

  • All about nested rows and columns

  • Using modals, images and building footers

  • Working with FontAwesome to add some finesse to your site
Meet your instructor
Jason Brewer

Former salesperson, turned dev, Jason now works as a full stack web developer.

Lesson 1: Bootstrap 4: Skate or Die Website
Skate or Die Intro 0:55
Bootstrap 4 - Working with Navbars 10:13
Bootstrap 4 - Using Carousels 22:55
Bootstrap 4 - Nesting rows and columns 20:35
Bootstrap 4 - First Modal 15:51
Bootstrap 4 - Adding images and buttons 18:37
Bootstrap 4 - Sizing Modals 17:58
Bootstrap 4 - Building the Footer 7:12
Bootstrap 4 - Working with Font Awesome Favicons 15:12

Leave a Review