Getting started with Bootstrap | What is Bootstrap ?

Getting started with Bootstrap | What is Bootstrap?

Introduction

Bootstrap is a CSS framework used by the developers for web-based as well as mobile-based web-development. It has many designs and templates which are predesigned by CSS and JavaScript. They are very much useful to use and reduces the labor work or the coding work in the project. It provides vast choices of elements, such as form, buttons, navbar, and many more which are also at times responsive too!

Installation

The Bootstrap can be installed or implemented in the document in several ways. This is needed to be done to let the browser know about the location from where it needs to fetch the pre-written codes for the applied elements and templates.

Respective link: https://getbootstrap.com/docs/4.5/getting-started/introduction/

Bootstrap using CDN-

Simply link the CDN which is predefined in the documentation of bootstrap. There will we a link to CSS, jQuery, and JavaScript too.

Copy the CSS link and paste it in the head section and copy the JS part and past it at the end of the body section.

Bootstrap using downloaded files-

You can simply download the Bootstrap file in a zip folder. Extract the files to your project folder. Link the required files to your HTML file to get access to all the Bootstrap facilities.  Link the CSS in the head by giving it proper directory and the same with the JS file in the body. Respective link: https://getbootstrap.com/docs/4.5/getting-started/download/

Bootstrap using Package Managers-

By using package managers, it becomes easy to install bootstrap in any project without any interruption. All the source codes can be downloaded using the package managers and then can simply link them in the HTML file, the only difference will be that it will be directed from the node modules folder or somewhere all the other source codes are downloaded.

For Node.js

npm install bootstrap

For yarn

yarn add bootstrap

Things offered by Bootstrap

There are various options in the Bootstrap provided to us which are generally the whole idea of the page or the small elements of the page, these all are pre-defined already, Such as templates, icons, and more.

There are different themes that can be found in Bootstrap, these themes most of the time make up almost everything of the website or webpage.

There are some icons too supported by Bootstrap. These icons can be used easily after installing Bootstrap in the project. All these are SVG icons with written codes. These can be designed with external CSS too.            

For more information read the documentation of Bootstrap.