Ideas - -The Web Developer Bootcamp 2024
Colt Steele
Bootstrap CDN Install
To utilize bootstrap, you can either link the bootstrap stylesheet and javascript files to your webpage, or you can download the source code and have it reside in your website files as part of your website.
Linking bootstrap is known as the CDN Method and is used more for testing and training, while downloading bootstrap is a more permanent installation for a complete website build. Go to: CDN via jsDelivr to get the necessary files and links to make Bootstrap work.
HTML CDN Installation
- This will add links to your website, for Bootstrap
- in the "CDN via jsDelivr" section, copy both lines of code,
- one is for the css,
- and the other is for the javascript
- paste the "CSS line into the header of your webpage with your other stylesheet links
- *note: if you want to use your own styling to overwrite some of the the bootstrap styling, make sure you paste the bootstrap style link before any of your stylesheet links.
- paste the "JavaScript" line of code into the body of your website
- *note This must be below all other lines of code, right before the closing body tag.
- **NOTE - There are two possible lines of code for the JavaScript,
- bootstrap.min.js is a minimum version of javascript
- popper.min.js is a version that supports more javascript features such as dropdowns etc.
- if you want to use the extra features of the popper version,
- you must copy both javascript links and paste them into the body of your webpage
- ALSO, the popper link must be placed right above the .min link in the body of your code.
- in the "CDN via jsDelivr" section, copy both lines of code,
- To ensure Bootstrap is installed correctly,
- rt.click on webpage, select inspect
- select network
- select All from buttons
- Refresh the page
- under Status, for bootstrap.bundle.min.js AND bootstrap.min.css
- both should show 200 for CDN Installation