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.