SitePoint
  • Premium
  • Library
  • Community
  • Jobs
  • Blog
LoginStart Free Trial

The home for developers

Track your course progress, manage projects, and find your dream job - all in one place.

Start Your Free Trial

7 Day Free Trial. Cancel Anytime.

SitePoint Premium

  • Access to 700+ courses
  • Publish articles on SitePoint
  • Daily curated jobs
  • Learning Paths
  • Discounts to dev tools
  • Library/
  • Video courses/
  • Building Your First Website with Bootstrap 4
Building Your First Website with Bootstrap 4

Building Your First Website with Bootstrap 4

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


Course details

4.5∙44 Ratings22 reviews

Published
November 2017
Videos
9
Duration
2h 9m
Happy students
4072

Take this course

About the course

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:
  • Introduction to Bootstrap 4
  • Creating a Login Portal with Bootstrap 4
  • Building Your First Website with Bootstrap 4

Course Instructor

Jason Brewer

Jason Brewer

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

Course Outline

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

Reviews
4.5

38 total

24
13
0
0
1

Course details

4.5∙44 Ratings22 reviews

Published
November 2017
Videos
9
Duration
2h 9m
Happy students
4072

Take this course
SitePoint

Stuff we do

  • Premium
  • Newsletters
  • Learning paths
  • Library
  • Forums

Contact

  • Contact us
  • FAQ
  • Publish your book
  • Write an article
  • Advertise

About

  • Our Story
  • Corporate Memberships
  • Start free trial
  • Login

Connect

  • RSS
  • Facebook
  • Twitter (X)
  • Instagram

Subscribe to our newsletter

Get the freshest news and resources for developers, designers and digital creators in your inbox each week

© 2000 – 2025 SitePoint Pty. Ltd.

This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.

Terms of usePrivacy policy