Bootstrap

To get started with Bootstrap, download the “compiled and minified CSS, Javascript, and Fonts” – it comes as a zip file, and will have just three subdirectories: css, fonts, and js.

Then, you can copy one of the basic templates, such as the “Jumbotron.” Save it into the unzipped bootstrap distribution folder, using the filename index.html.

Now you’ll have to fix up some of the references. When it loads CSS files and scripts, it may refer to parent directories, like this:

<link href="../../dist/css/bootstrap.min.css" rel="stylesheet">

Replace those with relative links to the subdirectories you unzipped, like:

<link href="css/bootstrap.min.css" rel="stylesheet">

The complete code that I demonstrated in class is provided in the bootstrap-demo folder within the public repository on GitLab.