E2EHIRING Logo
Jobs
Jobs
courses
Courses
mentorship
Mentorship
more
Moredropdown
E2EHIRING Logo
more
Jobs
Jobs
courses
Courses
mentorship
Mentorship
HomeSepratorIconBlogsSepratorIconBootstrapSepratorIcon

Bootstrap

Han SoloSanthiya V
calendar23 Jul 2022
poster

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...


Recent Posts

Datatypes and Operator

Datatypes and Operator

Mastering Unit Testing in Angular: A Comprehensive Guide

Mastering Unit Testing in Angular: A Comprehensive Guide

New features in VueJS 3.3

New features in VueJS 3.3

The Art of Writing Documentation for Your Code

The Art of Writing Documentation for Your Code

How MuleSoft Supports Microservices Architecture

How MuleSoft Supports Microservices Architecture

copycopycopycopy

Han Solo

Recent Posts

Datatypes and Operator

Datatypes and Operator

Mastering Unit Testing in Angular: A Comprehensive Guide

Mastering Unit Testing in Angular: A Comprehensive Guide

New features in VueJS 3.3

New features in VueJS 3.3

The Art of Writing Documentation for Your Code

The Art of Writing Documentation for Your Code

How MuleSoft Supports Microservices Architecture

How MuleSoft Supports Microservices Architecture