< StepWiser Guides: Bootstrap Download

Downloading Bootstrap: caution

To download Bootstrap itself go to the main download section of the site. The version used in this guide is Bootstrap 4.1.3 (as of August 2018).

For some reason, the landing page gives you all the files (docs, examples and more) rather than the cutdown version you want to get started. So go to the link I have provided to give you simply the javascript and icons you need in addition to the stylesheets (css) for Bootstrap formatting.

Recommendation: link to the online version

Alternatively, you can work without downloading Bootstrap. You can simply put in links to an online version, that ensures you have the latest versions:

<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" integrity="sha384-WskhaSGFgHYWDcbwN70/dfYBj47jz9qbsMId/iRN3ewGhXQFZCSftd1LZCfmhktB" crossorigin="anonymous">
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js" integrity="sha384-smHYKdLADwkXOn1EmN1qk/HfnUcbVRZyYmZ4qpPea6sjB/pTJ0euyQp0Mk8ck+5T" crossorigin="anonymous"></script>3Schools gives you an easier code to work with:

This is my preference. CDN stands for content delivery network.

The drawback is that if you don't have your Internet link open, the web page won't display as you want.

Fail-safe offline code

As a fail-safe I keep the Bootstrap css, fonts and js files up-to-date in a dist directory with a txt file indicating the distribution version I have loaded. I keep the header links to these files handy so that when I am working offline I can still see what the effects will be. Here's my file if you need it.

Bootstrap documentation

In addition, the bootstrap site provides extensive though abbreviated documentation on how to use its code and components such as navigation bars and small icons known as glyphs.

You might find yourself going to this section frequently.

Next: classes, stylesheets

Back to top up to top Previous Page