
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/[email protected]/dist/css/bootstrap.min.css"
rel
=
"stylesheet"
integrity
=
"sha384-gH2yIJqKdNHPEq0n4Mqa/HGKIhSkIHeL5AyhkYV8i59U5AR6csBvApHHNl/vI1Bx"
crossorigin
=
"anonymous"
>
JS
<
script
src
=
"https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js"
integrity
=
"sha384-Xe+8cL9oJa6tN/veChSP7q+mnSPaj5Bcu9mPX5F5xIGE0DVittaqT5lorf0EI7Vk"
crossorigin
=
"anonymous"
></
script
>
<
script
src
=
"https://cdn.jsdelivr.net/npm/[email protected]/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...