After experiencing what can be achieved with CSS, you may be curious how grid layouts are implemented at scale. Bootstrap is a popular, open-source front-end component library for building responsive, mobile-first websites.

The course introduces you to the most common and widely used features of Bootstrap to help you quickly turn your good-looking website into a great-looking responsive website!

Target Audience

The course is aimed at anyone who has been charged with setting up a website or developing web content who want to extend their knowledge and skillset to include one of the most popular web toolkits.


Delegates should have HTML, CSS and JavaScript skills that could have been gained through attendance at the Web Development Fundamentals courses offered by QA: QAHTMLCSS and QAJSFUND.

Learning Outcomes

At the end of this course you will be able to:

  • Explain what Bootstrap is and how it is applied
  • Use Bootstrap classes to produce a grid layout
  • Style text and images using Bootstrap
  • Use lists and tables with Bootstrap
  • Create navigation components using Bootstrap
  • To be able to create and style forms using Bootstrap
  • To be able to use different Bootstrap specific components to enhance websites

Course Outline

The course will be delivered through instructor-led sessions, supported by short exercises. Your learning will be augmented through a ‘Hackathon’ to bring together the skills, techniques and knowledge - and use basic Agile methodology.

Bootstrap Basics

  • What is Bootstrap?
  • Why use Bootstrap?
  • How to get Bootstrap
  • Basic Bootstrap pages
  • Grids
  • Typography
  • Text and Background Colours
  • Images

Bootstrap Tables And Lists

  • Table basics
  • Table formatting
  • Table interactivity
  • Responsive tables

Bootstrap Buttons and Navigation

  • Buttons
  • Button Groups
  • Navigation menus
  • Tabs and Pills
  • Navigation bars

Bootstrap Forms

  • Stacked and inline forms
  • Inputs and input groups
  • Custom forms
  • Buttons

Bootstrap Components

  • Jumbotron
  • Carousels
  • Modals
  • Cards
  • Badges
  • Pagination
  • Collapse


Add Bootstrap styling and components to a website for a given set of user stories using the skills, techniques and knowledge gained during the course.

Please complete this form and we'll be in touch

Hide form
Please enter a date or timescale
Please type in a preferred location or region...