Bootstrap Intro


Go to main Page

Introduction of bootstrap

Bootstrap is a front-end framework used to develop the website.

With the help of Bootstrap, we can develop a website easily and fast.

Bootstrap provides us templates based on HTML and CSS. These templates include designs for typography, images, buttons, forms, tables, navbars, dropdowns, and many other things.

By using bootstrap we can easily make a responsive website.


What is responsive website?

The website which automatically shrinks enlarges and does not lose its shape in mobile tablets and other devices are called responsive website.


Bootsrap 3 vs Bootstrap 4

Bootsrap 3 is a old version of bootstrap and Bootstrap 4 is a latest version of bootstrap.

In this tutorial we are going to learn Bootsrap 4.


Where to get Bootstrap 4?

There are two methods to get bootsrap 4.

  1. We can download it from getbootsrap.com.
  2. We can use it online.


Why we use Bootsrap?



Lets stat coding

1) First write Html Boilerplate Code

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  
</body>
</html>

2) Add these Cdn links to use bootsrap online.

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>