Bootstrap

Bootstrap is a free and open source front end development framework for the creation of websites and web apps.The Bootstrap framework is built on HTML, CSS, and JavaScript (JS) to facilitate the development of responsive, mobile-first sites and apps.

Installation:

We can use the boostrap in our file by 3 ways.

Online CDN(Require Internet),

Offline Usage(Without Internet),

Package Managers(NPM,Yarn,etc).

1.Online CDN

CSS

<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-gH2yIJqKdNHPEq0n4Mqa/HGKIhSkIHeL5AyhkYV8i59U5AR6csBvApHHNl/vI1Bx" crossorigin="anonymous">

JS

<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.5/dist/umd/popper.min.js" integrity="sha384-Xe+8cL9oJa6tN/veChSP7q+mnSPaj5Bcu9mPX5F5xIGE0DVittaqT5lorf0EI7Vk" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0/dist/js/bootstrap.min.js" integrity="sha384-ODmDIVzN+pFdexxHEHFBQH3/9/vQ9uori45z4JjnFsRydbmQbmL5t1tQ0culUzyK" crossorigin="anonymous"></script>

2.Offline Usage

Step: 1

Click Download button -> Start Download->Open your folder->

Create newfolder->foldername (Ex.asset)->in asset open the Boostrap-> Drag and drop the

CSS,JS file->Finally link the asset file (CSS and JS file) in your VS code.

Step: 2

Download JQuery file-> copy the minifed version and paste it your VS Code by creating new folder and link the folder by using <Script>.

3.Package Managers

In your asset folder select the address bar and type cmd, it will show your file path -> type npm install bootstrap-> press enter ->in asset folder ->it will show new files 1.node modules 2.package lock.json.

finally link the CSS and JS file in your VS Code.

By the three ways we can use Bootstrap in our file.You can use any, above mentioned method by your convenience.

Thank You...