Master Bootstrap From Beginner To Expert

Categories: frontend
Wishlist Share
Share Course
Page Link
Share On Social Media

About Course

This course will literally take you from knowing nothing about Bootstrap 3 or 4 to learning all of the utilities, components, widgets and grids and building real world themes and websites. You do NOT need to know Bootstrap 3 for this course. Even if you already know Bootstrap 4, skip the learning sections and head right for section 6 to create the simple boiler theme and start the projects. Everything is completely modular!

Custom Bootstrap Sandbox

I have created a completely custom HTML learning environment for the first few sections of this course. Each lecture has an html page associated with it and has a start state. As we move along through the lectures, you code along with me learning all that Bootstrap 4 offers including helpers/utilities, components, widgets, flexbox and more.

5 Real Projects/Themes

We will create 5 real world themes including. These projects are completely open source and you are free to use them anywhere.

  1. LoopLap – A social UI Theme
  2. Mizuxe – A Book/Product Showcase Theme (Sass Project)
  3. Blogen – A blog admin area UI
  4. Glozzom – A multi page theme with a carousel and some 3rd party scripts
  5. Portfoligrid – A portfolio theme using the grid, flexbox and the collapse widget

Who this course is for:

  • Anyone that wants to learn & master Bootstrap 4.1.x and build real world themes
Show More

What Will You Learn?

  • Learn and create amazing high quality Bootstrap themes and UIs from scratch
  • Learn the Bootstrap utilities, classes, components & JS widgets using a custom sandbox environment
  • Learn semantic HTML5 & modern CSS3 techniques
  • build a real responsive website with bootstrap

Course Content

Introduction & basics bootstrap

  • what is bootstrap
    14:36
  • our project
    00:56
  • Installing bootstrap
    07:55
  • web design 101-wireframing
    11:38
  • The bootstrap navigation bar
    20:40
  • setting up our new project
    07:41
  • bootstrap grid layout system
    20:17
  • bootstrap container
    05:54
  • bootstrap button and font awsome
    11:30
  • styling our website challenge and solution
    20:20
  • solution to bootstrap challenge
    17:03
  • tip from Angella – how to deal with procrastination
    04:08

Intermediate & advance Bootstrap

Student Ratings & Reviews

No Review Yet
No Review Yet