A Complete Guide to Installing Bootstrap Files

• Open the Bootstrap website in your internet browser and click Download.
• Download the Bootstrap files as a ZIP archive and extract them from the folder.
• Move the extracted files to the same folder as your HTML files to link them.

Open the Bootstrap website in your internet browser. Type https://getbootstrap.com into the address bar, and press ↵ Enter or ⏎ Return on your keyboard.

Click the Download button. This will open the "Download" page.

Click the Download button below "Compiled CSS and JS." This will download the complete Bootstrap files to your computer as a ZIP archive. If you're prompted, select a saving location for the Bootstrap ZIP.

Extract the files from the ZIP archive. Find the ZIP file you just downloaded, and double-click on it to extract all the files in it to the same folder. This will extract two folders named "css" and "js." If your unzipper app does not automatically extract the files, check out this article to see all the ways you can export a ZIP archive.

Move the extracted folders to the same folder as your website HTML files. Open the folder that contains all your website's HTML files, and drag the "css" and "js" folders here to move them to the same folder as your website documents. You can now link the files to your HTML files, and start using Bootstrap in your code.

Right-click the HTML file you want to use with Bootstrap. You can use Bootstrap in only one of your HTML files, or all of them.

Hover over Open with on the right-click menu. A sub-menu will pop up with compatible apps.

Select your text editor program. This will open the selected HTML file in your text editor. You can use a simple text editor like Notepad or TextEdit as well as a dedicated code editor like Atom (https://atom.io) or Coda (https://panic.com/coda).

Add the Bootstrap links to your HTML file's header. Before using Bootstrap code in your HTML, you'll have to type or paste the lines below to the header of your code: