Learn how to Design a Website with Bootstrap

Workshop Code: hsts-w2

HSTS's Designing Websites with Bootstrap is a 1 day workshop designed to introduce students to how to work with Bootstrap. The workshopis a combination of lectures and hands-on exercises that provide practical real-world experience.

Bootstrap is an open-source CSS and JavaScript framework that give web designers and developers powerful tools to build responsive, mobile-friendly websites. Originally created by Twitter to reduce the amount of time developers spent prototyping new features, Bootstrap has grown into a robust toolset that is a great starting point for any web project. In our Bootstrap training course, students will learn:

  • How to install and use Bootstrap
  • Layouts with Bootstrap’s grid system
  • Styling common web elements
  • How to use Bootstrap Themes
  • Techniques to customize Bootstrap for any project

Workshop Prerequisites

Students must have a good working knowledge of computers, operating systems, using a mouse, keyboard, standard menus and commands. Students must be able to open, save, and close applications and files, as well as navigate to other folders.

To participate in the hands-on code demos, students should have a basic working knowledge of HTML, CSS and JavaScript/jQuery. Below are few workshop suggestions:
Beginner Website Design Using HTML and CSS
JavaScript and jQuery Introduction

Job Roles For This Workshop

Web designers
Front-end developers

Projects Using this Workshop

Websites and web applications

Related Courses

SQL Programming and DB Management
Cross-platform Native App Development Using HTML5, CSS3 and JavaScript
Introduction to Python Programming

Workshop Info


  • 6 hour hands-on training led by experienced instructors
  • Digital workshop contents

Enrollment Fee

$190 per 6 hour workshop


  • HacDC's office (1525 Newton St, NW, Ste 212 Washington DC, 20010) located 2 blocks from the Columbia Height metro


  • Saturdays 9AM-4:30PM (1 hour Lunch)
  • Weekdays 6:30PM-9:30 PM

Workshop Registration Form

Submit below form if you wish to register to our workshops. The workshops are filled on first come, first served basis.

Workshop Outline

1. Getting started
Installation options
HTML, CSS and JS refresher

2. Framework Basics
Normalize.css and Reboot.css
The Bootstrap CSS grid
Using the SCSS preprocessor
Modern CSS layouts with Flexbox
Responsive breakpoints

3. CSS
Helper classes
Headings and body copy
Images classes
Forms and tables

4. JS Components3
Navigation and navs
Buttons and button groups
Modals, popovers and tooltips

5. Advanced Topics
Using Bootstrap Themes
Using task runners to compile custom builds