Keep Coding
Series

Bootstrap Lessons

Coding & UI/UX Design. This beginner-friendly, example-based course will guide you through the essential knowledge of Bootstrap ecosystem. Powered by Material Design for Bootstrap.

Articles in this series

Bootstrap Lesson: Containers

May 9, 20243 min read

Containers · Containers are the most basic layout element in Bootstrap and are required when using default grid system. Containers are used to contain,...

Bootstrap Lesson: Containers

Bootstrap Lesson: Grid System

May 15, 20246 min read

Grid system · Bootstrap grid is a powerful system for building mobile-first websites. It uses a series of containers, rows, and columns to layout and...

Bootstrap Lesson: Grid System

Bootstrap Lesson: Create a Landing Page

May 21, 20242 min read

Create a Landing Page · Hey, this is a very exciting moment! Do you know why? You have already learned the theoretical basis of the most important topics...

Bootstrap Lesson: Create a Landing Page

Bootstrap Lesson: Navbar

May 30, 20248 min read

Navbar · Navbar is a complex component with a lot of options available. However, since in any project good navigation is an absolutely key element of the...

Bootstrap Lesson: Navbar

Bootstrap Lesson: Hero Image

Jun 4, 20245 min read

Hero Image · You probably know websites with an impressive background photo that cover the entire screen. These intro sections, also called Hero Section...

Bootstrap Lesson: Hero Image

Bootstrap Lesson: Flexbox

Jun 17, 20245 min read

Flexbox · It's time to take a look at another famous Bootstrap tool - flexbox. In fact, flexbox itself is not a creation of Bootstrap, but simply CSS,...

Bootstrap Lesson: Flexbox