| Interactive Media Design

Bootstrap Introduction

Bootstrapopen in new window is an open-source, responsive, mobile-first, front-end framework. It is built on Sass and jQuery and includes a responsive grid system, a modern/cross-browser theme and an extensive prebuilt components library. Bootstrap is an excellent resource for quickly creating prototypes or entire web sites.

Installing Bootstrap

The two most common ways to install and use Bootstrap are:

  1. Download the compiled version of the Bootstrap CSS and JavaScript files
  2. Use a Content Delivery Network (CDN)

While the download version does make it easier to work on a project offline, using a CDN will likely improve your site's load times. The links and information on both methods can be found on the Bootstrap homepageopen in new window.

Bootstrap Template

Bootstrap does provide a starter templateopen in new window that will ensure that the HTML document contains all the necessary files for adding Bootstrap to your web page. The official Bootstrap starter template can be found below.

NOTE

The starter template uses a CDN to install Bootstrap. If you are using the downloaded version of Bootstrap, make sure to update the references to the CSS and JavaScript files.