E2EHIRING Logo
search

Search blogs by title

Jobs
Jobs
internships
Internships
Company
Assessment
mentorship
Mentorship
more
Moredropdown
Login
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

e2eHiring’s GenZ mock assessments to enhance campus placements: Register now!

e2eHiring’s GenZ mock assessments to enhance campus placements: Register now!

How is Technology impacting the HR practices in India in the post Covid Era?

How is Technology impacting the HR practices in India in the post Covid Era?

Collection of 500+ ML projects

Collection of 500+ ML projects

How to Retain Your Tech Employees amid Economic Recession?

How to Retain Your Tech Employees amid Economic Recession?

User enumeration - vulnerability and mitigation

User enumeration - vulnerability and mitigation

copycopycopycopy

Han Solo

Recent Posts

e2eHiring’s GenZ mock assessments to enhance campus placements: Register now!

e2eHiring’s GenZ mock assessments to enhance campus placements: Register now!

How is Technology impacting the HR practices in India in the post Covid Era?

How is Technology impacting the HR practices in India in the post Covid Era?

Collection of 500+ ML projects

Collection of 500+ ML projects

How to Retain Your Tech Employees amid Economic Recession?

How to Retain Your Tech Employees amid Economic Recession?

User enumeration - vulnerability and mitigation

User enumeration - vulnerability and mitigation