06 Oct Bootstrap Set Environment
Learn how to set up Bootstrap for the first time. We will also see what is CDN and how we can run Bootstrap with Bootstrap CDN and avoid any hiccups.
How to set up Bootstrap?
To setup Bootstrap, follow any of the below methods:
- Download Bootstrap: Download from getbootstrap.com
- CDN (Content Delivery Network): jsDelivr is the official CDN of Bootstrap
Method 1: Download Bootstrap
Download Bootstrap from getbootstrap.com to host Bootstrap yourself.
Method 2: CDN (Content Delivery Network)
If you want to avoid the hassles of downloading Bootstrap, use the CDN i.e. Content Delivery Network. With CDN, just add external links through jsDelivr and that’s it, you’re ready to go. Here are the two links for CSS and JavaScript you need to add to your code for Bootstrap CDN:
CSS
|
1 2 3 4 |
<!-- Compiled and minified CSS --> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet"> |
JavaScript
|
1 2 3 4 |
<!-- Compiled JavaScript --> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"></script> |
In the next lesson, we will see our First Bootstrap Example i.e. how to create and run our first web page with Bootstrap using the CDN. As discussed above, we will use jsDelivr to include CSS and JavaScript.
Video Tutorial – Install Bootstrap
The following is the complete video tutorial to learn how to set up and install Bootstrap:
If you liked the tutorial, spread the word and share the link and our website Studyopedia with others:
Read More:
No Comments