Bootstrap

Last Updated : 14 Nov, 2022

What is Bootstrap?

Bootstrap is a free and open-source tool collection for creating responsive websites and web applications. It is the most popular HTML, CSS, and JavaScript framework for developing responsive, mobile-first websites. Nowadays, the websites are perfect for all browsers (IE, Firefox, and Chrome) and for all sizes of screens (Desktop, Tablets, Phablets, and Phones). All thanks to Bootstrap developers – Mark Otto and Jacob Thornton of Twitter, though it was later declared to be an open-source project.

Bootstrap

Why we use Bootstrap?

By using this framework we can easily manipulate the styling of any web page, like font style, text color, background color, flex, grid system, etc. Bootstrap Vesrion 4 & Vesrion 5 are the most popular versions. There are lots of other CSS frameworks like Tailwind CSS, Bulma, and Foundation but among them, this framework is the most popular because of below mentioned features:

It is Faster and Easier way for Web-Development.
It creates Platform-independent web-pages.
It creates Responsive Web-pages.
It designs responsive web pages for mobile devices too.
It is a free and open-source framework available on www.getbootstrap.com

Bootstrap is the most popular CSS Framework for developing responsive and mobile-first websites.

Bootstrap 5 is the newest version of Bootstrap

Bootstrap Quickstart

Example

<div class="bg-primary text-white p-5 text-center">
  <h1>My First Bootstrap Page</h1>
  <p>Resize this page to see the responsive effect!</p>
</div>

<div class="container-fluid">
  <div class="row">
    <div class="col-sm-4">
    <h2>London</h2>
      <p>London is the capital city of England.</p>
      <p>It is the most populous city in the United Kingdom,
      with a metropolitan area of over 13 million inhabitants.</p>
    </div>
    <div class="col-sm-4">
    <h2>Paris</h2>
      <p>Paris is the capital of France.</p>
      <p>The Paris area is one of the largest population centers in Europe,
      with more than 12 million inhabitants.</p>
    </div>
    <div class="col-sm-4">
    <h2>Tokyo</h2>
      <p>Tokyo is the capital of Japan.</p>
      <p>It is the center of the Greater Tokyo Area,
      and the most populous metropolitan area in the world.</p>
    </div>
  </div>
</div>

Bootstrap

Table of Contents

What is Bootstrap?

Why we use Bootstrap?

Bootstrap Quickstart

Example

Create your website or online store with Mozello