Thumb

Part-1: Setup bootstrap into project | Step by step bootstrap learning


12/29/2019 12:00:00 AM

Introduction

Bootstrap is an open source framework. It helps to CSS style in html tag. Bootstrap divide in to twelve columns into one row. We use bootstrap to easily design in html tag and easily design HTML markup. We can design button also full layout of the html page very easily. It is JavaScript based font end design framework. When some font end developer work web design then we should know how to work bootstrap otherwise it is more complex to design to web page. We also possible to over write the bootstrap code to replace our code. Now days bootstrap wildly use in web page. First, we need to download bootstrap and linked our site. The file name is “bootstrap.min.css” and “bootstrap.min.js” We show the code step by step.

Bootstrap linking code:

<html>
<head>
<link href="css/bootstrap.min.css" rel="stylesheet">
<script src="js/bootstrap.min.js"></script>
</head>
<body>
<div class="container">
<br/>
 <input type="text" class="form-control">
</div>
</body>
</html>

We need three folder names as js, css, fonts folder and we need to add the link. And we use the link. Now we use the bootstrap class. Run the markup on your browser.