Bootstrap Introduction
Bootstrap is the world's most popular free front-end framework for building responsive, mobile-first websites. It was created by Twitter developers Mark Otto and Jacob Thornton in 2011, and it gives you ready-made CSS classes and JavaScript components so you don't have to build every button, form and layout from scratch.
With Bootstrap you write HTML and add special class names to elements, and Bootstrap's CSS instantly styles them. This means you can build professional-looking websites much faster, without needing to be a design expert.
Why use Bootstrap?
Bootstrap saves time by providing pre-built, tested components like navigation bars, buttons, forms and cards. It also handles responsive design automatically, so your site looks good on phones, tablets and desktops without extra work.
What's included
Bootstrap ships a CSS framework (the grid system, typography, utilities, and component styles) and an optional JavaScript bundle for interactive components like modals, dropdowns and carousels.
<!DOCTYPE html>
<html>
<head>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
</head>
<body>
<h1 class="text-primary">Hello, Bootstrap!</h1>
</body>
</html>Hello, Bootstrap! (shown in blue)Linking the Bootstrap CSS file lets you use classes like text-primary to instantly style your text.
<button class="btn btn-success">Click Me</button>A green rounded button labeled Click MeThe btn and btn-success classes turn a plain button into a styled, green Bootstrap button.
Key points
- Bootstrap is a free, open-source front-end framework.
- It was created by Twitter developers in 2011.
- It provides ready-made CSS classes and JS components.
- Bootstrap makes responsive, mobile-first design easy.