Bootstrap 5 lessons
  1. 1 Why this is still everywhere
  2. 2 The grid and layout sign in to open
  3. 3 Components and forms sign in to open
  4. 4 Customising without fighting it sign in to open
  5. 5 Using it professionally sign in to open
Course overview
Data: video · change

This lesson: 122KB

Bootstrap · Lesson 1 of 5

Why this is still everywhere

Understand what Bootstrap is for.

Bootstrap is a CSS framework providing a grid, components and utility classes. It is not fashionable and it is on an enormous number of sites, including most of what agencies in Pakistan build and maintain.

Why it persists. It is fast. A developer who knows it produces a responsive, reasonable looking site in hours rather than days, and for a client paying a modest amount for a business site that speed is the whole economics of the job.

What you get. A responsive grid that works. Components already built: navigation bars, modals, forms, cards, tables, alerts, dropdowns. Utility classes for spacing, colour and display. And it works in the browsers your clients' customers actually use.

Where it is the right choice. Business websites, admin dashboards, internal tools, prototypes, and anything where consistency and speed matter more than a distinctive appearance. Also anything you will hand to a client who may edit it, because the classes are documented and widely known.

Where it is not. A brand where the design is the product, because the default look is recognisable and escaping it takes more effort than starting from nothing.

Against Tailwind, which the other course in this catalogue covers. Bootstrap gives you finished components and an opinionated look. Tailwind gives you building blocks and no look. Bootstrap is faster for a standard site; Tailwind is better when the design is custom.

And knowing Bootstrap is directly employable here, because somebody has to maintain the thousands of sites already built with it.

Lab — try it yourself

Build one responsive page with the grid and three components in under an hour. That speed is the entire argument for the framework.

Check what you learned

Create your free BvLogic ID to take the quiz and record your score.

Create your BvLogic ID
Continue to lesson 2 Up next 2. The grid and layout