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.
The website which automatically shrinks enlarges and does not lose its shape in mobile tablets and other devices are called responsive website.
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.
There are two methods to get bootsrap 4.
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>