Bootstrap introduction

Bootstrap is a potent free open-source css front-end framework that can use for creating modern websites and web applications. Bootstrap front-end framework is absolutely free to use. It includes extensive prebuilt components and plugins that built on jquery. HTML and css based design templates for typography, forms, buttons, tables, navigation, modals, image carousels and also lot of other components templates included. It is easy to learn the usage of bootstrap. By making handy the bootstrap frame work you can design responsive web design very easily. The version of bootstrap Currently is v4.3.1

Above you read a small summary about the bootstrap. Let us have a look how we can start to use the bootstrap framework.

We can start by building sample bootstrap website template. First we have to include the header files and footer files. For a quick start we can use cdn or use can download the files from here, Download bootstap files

Starter Template




<!-- Required meta tags -->
<meta charset="utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/>

<!-- Bootstrap CSS -->
     	<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous"/>

<title>Hello, world!</title>
<h1>Hello, world!</h1>
<!-- Optional JavaScript -->
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>