Bootstrap 4 Installation Steps

Bootstrap can be installed in your projects easily and seamlessly, below are few ways to get it in your project.

First simply get from the source. Download Bootstrap 4 from the official website getbootstrap.com One effective method is you use CDN that deliver Bootstarp directly to your online client with blazing speed and without consuming any resources from your server.

<!-- Bootstrap 4 core CSS files -->
<link ​rel="stylesheet" href="https://cdn.tutorialjinni.com/twitter-bootstrap/4.4.1/css/bootstrap.min.css">
​
<!-- jQuery file. Be sure to include before bootstrap.min.js -->
<script ​src="https://cdn.tutorialjinni.com/jquery/3.4.1/jquery.min.js"></script> ​

<!-- bootstrap.bundle.min.js is used for popups, prompts, drop-down menus, and contains popper.min.js -->
<script ​src="https://cdn.tutorialjinni.com/twitter-bootstrap/4.4.1/js/bootstrap.bundle.min.js"></script
 ​
<!-- Latest Bootstrap 4 core JavaScript files -->
<script ​src="https://cdn.tutorialjinni.com/twitter-bootstrap/4.4.1/js/bootstrap.min.js"></script>

To Add in Node.js project use Node Package Manger.

npm install bootstrap

To Add Bootstrap in a PHP application use Composer.

composer require twbs/bootstrap:4.4.1

For .net application use NuGet to get Bootstrap for you.

Install-Package bootstrap -Version 4.4.1

Yarn package manger can also deliver Bootstrap for you.

yarn add bootstrap@4.4.1