Learn how to Design a Website with Bootstrap

Register this workshop-$290 online or $390 in DC class

Pick your class type

USA & Canada: +1 240-200-6131
International Call: +1 240-391-8360
9am-6pm DC time or 1pm-10pm GMT

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

In-person in DC for $390 or Online for $290 per 6 hour workshop

Workshop Session Dates

Our workshops are offered all year around. Upon registration we enroll you to the earliest available class but you can reschedule it free of charge. Location

  • Online or in our DC office at 3165 Mt Pleasant St NW


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

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

Register this workshop-$290 online or $390 in DC class

Pick your class type