How to install Bootstrap using CDN Link and Compiled bootstrap CSS manually by Multiwebpress?
- MultiWebPress
- June 1, 2021
- No Comments
In this tutorial i am going to show how to add bootstrap CDN Link.
Bootstrap is a framework for building responsive website. This is the advanced of CSS.
Bootstrap has it own Pre Library classes. Just need to call the class anywhere using bootstrap classes.
In the blog, i am going to show you to connect bootstrap to your html design to make its more advanced and easily responsive.
You can also watch the attached video directly to understand more better.
Lets get started now.
Install Bootstrap Manually
Step 1 – Go to getbootstrap.com
Step 2 – Click on download button.
Step 3 – Copy CDN via Js Delivr and paste it into head section of html.
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-+0n0xVW2eSR5OomGNYDnhzAbDsOXxcvSN1TPprVMTNDbiYZCxYbOOl7+AMvyTG2x" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/js/bootstrap.bundle.min.js" integrity="sha384-gtEjrD/SeCtmISkJkNUaaKMoLD0//ElJ19smozuHV6z3Iehds+3Ulb9Bn9Plx0x4" crossorigin="anonymous"></script>
Install Bootstrap Using Compiled bootstrap CSS and Js
Step 1 – Go to getbootstrap.com
Step 2 – Click on download button of Compiled CSS and JS.
Step 3 – Watch video to find the next the step…
Hope you enjoyed reading and watching the video, Please do like and subscribe my channel.
Thank in Advance
You may also like:
- How to create footer in pure Html & CSS?
- Typing Text Animation CSS | Typewriter text effect CSS | Pure HTML & CSS
- CSS Stroke Animation | Animated Text Background With CSS Stroke | Pure Html & CSS
- How to install Bootstrap using CDN Link and Compiled bootstrap CSS manually?
- Responsive Navigation bar | Header in Html, CSS & Javascript?
SHARE
Categories
- Recommended Posts (17)
- HTML & CSS (15)
- WordPress (10)
- CSS Buttons (3)
- Navigation Bar (2)
- Social Media Buttons (2)
- Templates (2)
- Footer (1)