Responsive Design with Bootstrap

Washington, D.C. campuses

GA D.C., 1776
1133 15th Street NW, 8th Floor
Washington D.C. 20005

GA D.C. (Northern Virginia)
2231 Crystal Drive #1000
Arlington VA 22202

Past Locations for this Workshop

Responsive Design with Bootstrap

Washington, D.C.

Washington, D.C. campuses

GA D.C., 1776
1133 15th Street NW, 8th Floor
Washington D.C. 20005

GA D.C. (Northern Virginia)
2231 Crystal Drive #1000
Arlington VA 22202

Past Locations for this Workshop

About this workshop

Bootstrap is one of the most popular front-end frameworks for building responsive websites; in this workshop, students will discover how to use Bootstrap as a foundation in their next web design projects.

Takeaways

  • Download Bootstrap and learn how to incorporate it into an HTML document
  • Work with the Bootstrap responsive grid system
  • Explore Bootstrap’s core CSS, overriding this CSS using standard CSS techniques
  • Incorporate Bootstrap’s image formatting elements and icons
  • Create and style interactive menus with Bootstrap, including dropdown menus
  • Incorporate jQuery plugins with Bootstrap, including alerts, modal windows, image carousels, accordion windows, and more

Prereqs & Preparation

You are welcome to attend the workshop and watch without coding.

However, to actively participate in this workshop, you will need:

  1. Laptop/notebook configured with an editor for HTML, CSS, and JavaScript. I will be using SublimeText 2, which can be downloaded for Mac or PC. However, you can use any editor you're comfortable using.

  2. You'll need a copy of Bootstrap version 3. Download the standard format provided on the home page. In the zip, look for the "dist" folder and extract the css, fonts, and js folders.

  3. You'll need a copy of jQuery 1.11 (or the most recent version of jQuery in the 1.x series).

  4. Finally, you'll need the correct set of files for the workshop. Please download these and bring them to class

Coming up near you

Let’s Keep You Updated

Enter your email to start following

By providing us with your email, you agree to the terms of our Privacy Policy and Terms of Service.