Ideas - -The Web Developer Bootcamp 2024
Colt Steele
Bootstrap Download 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: Bootstrap Downloads to get the necessary files and links to make Bootstrap work.
HTML Download Installation
- This will download the CSS and JavaScript files into your website, for Bootstrap
- in the "Compiled CSS and JS" section, click the download link
- Extract the downloaded .zip file
- in the CSS folder,
- copy the bootstrap.min.css file and paste it into your styles folder for your website
- create a style link in the head of your website to link to this file
- < link rel="stylesheet" href="styles/bootstrap.min.css">
- in the js folder,
- copy the bootstrap.min.js file and paste it into your scripts folder for your website
- create a javascript link in the body of your website to link to this file
- < script src="scripts/bootstrap.min.js" ></script>
- *note This must be below all other lines of code, right before the closing body tag.
- *NOTE, you can also use the popper version of js as described above,
- but you must use the link method to incorporate the popper version
- just add the link code right above the min script in the body of you website.
- 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 304 for Download Installation