View Categories

Bootstrap

Reading Time: 1 min read

Description #

Bootstrap is a popular open-source front-end framework for developing responsive and mobile-first websites using HTML, CSS, and JavaScript. It provides ready-to-use design components, a flexible grid system, and JavaScript plugins to accelerate UI development.

History #

Bootstrap was originally created by Mark Otto and Jacob Thornton at Twitter in 2011 to unify the company’s UI tools. It was released as open-source software and quickly became the most popular CSS framework in the world. It is now maintained by a large community of developers.

Hello World Code #

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Hello, World!</title>
  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
</head>
<body>
  <div class="container text-center mt-5">
    <h1>Hello, World!</h1>
  </div>
</body>
</html>

How to Run #

Option 1: Online

Option 2: Local

  1. Copy the code above into an .html file
  2. Open the file in a browser
  3. Modify as needed using Bootstrap classes

Key Concepts #

  1. Mobile-first responsive design
  2. Prebuilt UI components (buttons, cards, navbars, etc.)
  3. Flexbox-based grid system
  4. Utility classes for spacing, layout, and display
  5. Built-in themes and typography styles
  6. JavaScript components (modals, dropdowns, carousels)
  7. Customizable via SCSS variables
  8. Wide third-party theme and plugin ecosystem
  9. Consistent cross-browser UI
  10. Easy integration into any HTML project

Try It Online #

Fun Facts #

  • Bootstrap was once called “Twitter Blueprint.”
  • It’s the most starred CSS framework on GitHub.
  • Bootstrap is used by NASA, Walmart, and millions of other sites.

Resources #

Updated on June 9, 2025

What are your Feelings

  • Happy
  • Normal
  • Sad
Scroll to Top