Skip to main content

Bootstrap Tutorial

Jen Kramer (Harvard University Extension School)
Front End Libraries
Location: Salon 14
Average rating: ****.
(4.50, 12 ratings)
Slides:   1-ZIP 

Workshop Prerequisites

Files are available for download at The workshop will closely follow these, but attendees will not be required to work using Bootstrap.

Workshop Description

Bootstrap, an open source front-end framework, is one of the most popular frameworks for building responsive websites. In this workshop, Jen Kramer will demonstrate how to use Bootstrap in your next web design project.

Jen will show you how to:

  • Incorporate Bootstrap into an HTML document
  • Work with the Bootstrap responsive grid system
  • Exploring Bootstrap’s core CSS
  • Incorporate Bootstrap’s image formatting elements and glyphicons
  • Create a fully responsive navigation bar
  • Incorporate JavaScript plugins with Bootstrap
  • Review the LESS file structure and demonstrate some basic LESS styling principles
Photo of Jen Kramer

Jen Kramer

Harvard University Extension School

Jen Kramer is a Lecturer at Harvard University Extension School in the Master’s of Liberal Arts in Digital Media Design program, where she teaches five courses per year, advises students, and assists in curriculum design. Jen is also a prolific video author and has created more than 30 training courses for, O’Reilly Media, osTraining, and Frontend Masters. She is also available for individual private tutoring, customized classroom training, and occasional freelance web design work. Jen holds a BS in biology from the University of North Carolina at Chapel Hill and an MS in internet strategy management at the Marlboro College Graduate School.

Comments on this page are now closed.


Picture of Jen Kramer
Jen Kramer
03/09/2014 4:41am PST

Unfortunately, with only 90 minutes, there’s not much time for a good hands-on session. That having been said, I will have files for distribution, and if you can follow along at the speed of light, then great! You’ll need a text editor for sure, and you might need something to compile Sass files (or LESS… I am still working on this!) I’ll also be giving away a free 1-year subscription to Hope to see you there!

sharon belliveau
03/06/2014 7:07am PST

Hi there – Should we have any software loaded to be ready for the tutorial?