Course Description

Explore how you can create a fully responsive website from scratch using Bootstrap framework

Apply Bootstrap styling to create your website, select from competent and add to your projects.

Course covers the basics of Bootstrap 4 and commonly used Components

Source Code is included so you can build a website just like the one in the course.

Step by step lessons


  • Basic HTML structure
  • Setup of Bootstrap for your web project
  • Adding navbar and making it toggle collapse for smaller screens
  • Linking and setting sections for navigation
  • Adding content to sections fixing top bar hidden content
  • Apply custom style for your website
  • Use of Grid Bootstrap
  • Use of Bootstrap Cards for content group
  • Slideshow and carousel setup with Bootstrap
  • Animation with jQuery
  • Use of Bootstrap scrollspy


Build responsive, mobile-first projects on the web with the world’s most popular front-end component library.

Bootstrap is an open source toolkit for developing with HTML, CSS, and JS. Quickly prototype your ideas or build your entire app with our Sass variables and mixins, responsive grid system, extensive prebuilt components, and powerful plugins built on jQuery.

Taught by an instructor with many years of web development experience ready to help you learn more about Bootstrap.


What I can't do in this Course..

I can't guarantee your success – this course does take work on your part. But You Can Do It!


Click the "Get Started Now" button right now!

...every hour you delay is costing you money...

See you in the course!


Who this course is for:

  • Web developers
  • Web designers
  • Bootstrap learners
  • Anyone who wants to learn bootstrap



  • HTML
  • Basics of web design


  • Learn what Bootstrap 4 is and how to use it

  • Learn how to apply Boostrap to your website

  • Build a custom single page website from scratch

Course curriculum

  1. 1
    • Bootstrap Introduction

    • Page Structure SetUp

    • Footer Contents

    • Page Sections for Content

    • Social Media Icons

    • Products Grid Layout

    • Section Custom Styling

    • Slideshow component Carousel

    • Smooth Scroll Animation

    • Website Code Review

    • About Card Deck Bootstrap

    • Contact Form Bootstrap

    • NavBar Sticky Top Bootstrap 4

    • Bootstrap ScrollSpy

    • source code