The Bootstrap 4 Bootcamp
4.7 (1,965 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
9,967 students enrolled

The Bootstrap 4 Bootcamp

Learn to build beautiful responsive websites with the latest Bootstrap version (4.1.3), Flexbox, HTML5, and CSS3!
4.7 (1,967 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
9,967 students enrolled
Created by Colt Steele
Last updated 10/2018
English
English [Auto], Indonesian [Auto], 4 more
  • Italian [Auto]
  • Polish [Auto]
  • Romanian [Auto]
  • Thai [Auto]
Current price: $104.99 Original price: $149.99 Discount: 30% off
5 hours left at this price!
30-Day Money-Back Guarantee
This course includes
  • 11.5 hours on-demand video
  • 2 articles
  • 2 downloadable resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Training 5 or more people?

Get your team access to 4,000+ top Udemy courses anytime, anywhere.

Try Udemy for Business
What you'll learn
  • Learn to create beautiful, responsive websites quickly and painlessly
  • Use the latest in HTML5, CSS3, and Flexbox alongside Bootstrap 4
  • Master every single Bootstrap component
  • Use the Bootstrap 4 Grid system to create complex, fluid layouts
  • Compile your own SASS to customize Bootstrap
  • Dig into the crazy Bootstrap source files
  • Learn the ins and outs of the new Bootstrap 4 utility classes
Course content
Expand all 87 lectures 11:42:01
+ Environment Setup
4 lectures 21:00
Intro to My Editor: VSCode
05:33
Using Emmet
05:26

If you don't want to use Emmet, you can skip this!

Quick Emmet Quiz (Optional)
2 questions
The Live Server Extension
06:05
Optional: My Theme and Colors
03:56
+ Getting Started With Bootstrap 4
5 lectures 22:15
GET THE CODE FOR THIS COURSE!
00:18
The Bootstrap 4 Documentation
02:54
Including Bootstrap 4
11:20
Your First Exercise: Intro
03:46
Your First Exercise: Solution
03:57
+ Bootstrap 4 Basics
6 lectures 58:51
Colors
09:27
Buttons
09:53
Colors and Buttons Quiz
3 questions
Typography
14:04
Jumbotrons
10:46
Exercise Intro
05:20
Exercise Solution
09:21
+ Super Useful Utilities
6 lectures 45:34
Bootstrap 4 Breakpoints
07:11
The Display Utility
11:16
Borders and Shadows
06:49
Margin and Padding
12:46
Exercise Intro
03:10
Exercise Solution
04:22
+ Forms
7 lectures 01:06:48
Form Controls
14:20
Checkboxes/Form Checks
05:47
Custom Inputs
08:30
Input Groups and Icons
10:40
Inline Forms
04:24
Exercise Intro
04:45
Exercise Solution
18:22
+ Navbars and Flexbox!
8 lectures 01:10:19
The Nav Component
06:11
Flexbox and Navs
13:18
OPTIONAL Flexbox Review
08:08
Navbars
13:39
More About Navbars
10:05
Even More About Navbars
05:39
Exercise Intro
02:31
Exercise Solution
10:48
+ The Magical Grid System
7 lectures 58:44
Intro To The Grid
10:56
The Responsive Grid
07:39
Grid Alignment
09:44
Offsets and Nesting
10:05
Forms And The Grid
08:29
Exercise Intro
05:33
Exercise Solution
06:18
+ Cards and List Groups
4 lectures 39:12
List Groups
09:09
Cards Basics
13:58
Cards With Images
08:39
Cards Layout
07:26
+ Other Components
5 lectures 27:22
Badges
05:22
Breadcrumbs
03:56
Button Groups
05:21
Pagination
06:23
Progress Bars
06:20
Requirements
  • You need to be familiar with the basics of HTML and some CSS. No expertise needed.
  • You don't need any experience with Bootstrap 3 (or any other version)
Description

Bootstrap is currently the single most used library on all of Github, beating out other tools like React and Angular! It's immensely popular, and with good reason: it makes creating responsive websites a breeze.

This course will take you from a complete beginner to a Bootstrap 4 expert in a matter of hours!  Or, if you already know Bootstrap 3, this course will serve a complete guide to all the new changes and improvements in Bootstrap 4. By the time we're done, you'll master every single component, the powerful grid system, and the brand-new utility classes. By then end of the course we'll be building complete, responsive websites that looks great on all devices. We'll learn to write and compile SASS to customize our own version of Bootstrap. In addition, since Bootstrap 4 is now built on top of Flexbox, we spend a lot of time learning the ins and outs of Flexbox along the way!

What makes this course special

Most Bootstrap courses follow a similar pattern: "Watch me code.  Watch me do x.  Watch me do y". There's never a chance for you to actually practice what you're watching.  This course is different.  Every section contains at least one exercise, activity, or quiz to get you practicing ASAP. Sometimes I show you mockups and you to re-create the layout on your own.  Other times, I give you deliberately broken code and ask you to fix it.  All the activities are based on my experience teaching bootstrap in classroom and are designed to keep you engaged and learning :)

I've put a ton of work into making this course the best Bootstrap course out there.  Watch a preview video or sign up and see why Bootstrap is currently the most popular front-end library around.  It makes developing good-looking websites incredibly easy (and kind of fun!).


Who this course is for:
  • Anyone who wants to master Bootstrap 4 to build responsive and beautiful websites quickly
  • Anyone who knows Bootstrap 3 and is looking to upgrade their knowledge to Bootstrap 4