Bootstrap 5 - Introduction

share share share share share

Bootstrap 5 is the latest version of Bootstrap, It is a framework of HTML, CSS, and JavaScript for creating responsive, mobile-first websites.

Bootstrap 5 is free to download and can freely use for commercial purpose.

How To Add Bootstrap in Web Page

Copy and Paste below code in your web page between <head> </head> section of your web page. You can directly include CDN link in your HTML web page, without downloading it.

Add Below Code To Your Web Page For Latest Bootstrap Version

.....


<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js"></script>

How To Design "Hello World" Program In Boostrap 5 ?

Copy And Paste Below Code In HTML File.

...

<!DOCTYPE html>
<html lang="en">
<head>
  <title>Bootstrap 5 Example</title>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet">
  <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js"></script>
</head>
<body>
<div class="container-fluid">
<div class="container">
  <div class="row">
    <div class="col-12">
      <h3>Hello World !!!!</h3>
      <p>This is my first bootstrap 5 page</p>
    </div>
  </div>
</div>
</div>
</body>
</html>

bootstrap 5 hello world

What's New In Boostrap 5

Bootstrap 5 is the latest version of Bootstrap; with new features like faster stylesheet, more responsiveness, etc.

What's Advantage of Boostrap 5

Bootstrap 5 is easy to use. A person who has basic knowledge of HTML and CSS can create a fully responsive website

Bootstrap 5 mobile first approach is a part of core framework.

Bootstrap 5 is suitable for all modern browser.

Bootstrap 5 is suitable for those project where multiple developers team are working together.