Getting Started with Bootstrap!!

For a beginner in the field of web development, bootstrap is like a saviour. It helps to create responsive web pages in a matter of minutes in contrast to hours. The only trick lies in the understanding of classes and their use in HTML elements.

The basic elements are requirements for any website. Here we’ll talk about creating a bootstrap website from scratch. 

So let’s get started with how to quickly develop a responsive website using bootstrap. The idea is to create a website like this:

Integrate Bootstrap

Bootstrap as a framework can be fully integrated with your website with bootstrap CDN or using downloaded source files. 

This is the latest CSS link to add into the <head> tag. 

<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css" integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous">

For javascript functionality, add these script links just before the </body> tag.

<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script><script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js" integrity="sha384-OgVRvuATP1z7JjHLkuOU7Xw704+h835Lr+6QL9UvYjZE3Ipu6Tp75j7Bh/kR0JKI" crossorigin="anonymous"></script>

It is all set to add any bootstrap and jquery functionality into your project and make it responsive for any screen dimension.

Leave a Comment

Your email address will not be published. Required fields are marked *