Bootstrap

1 Day Course
Hands On
Code BOOTS

Book Now - 1 Delivery Method Available:

Classroom Virtual Classroom Private Group - Virtual Self-Paced Online

Overview

This course explores the Bootstrap responsive framework – the most widely used HTML, CSS and JavaScript framework for the development of web applications that look good on all devices.

In a practical, hands-on environment, delegates will learn how to integrate Bootstrap and use it to develop a responsive page layout. They will learn how to exploit Bootstrap classes to style commonly used elements and to construct interactive components including buttons, menus, dialogues, carousels and more.

Objectives

By the end of the course delegates should be able to:

  • Deploy the Bootstrap framework either locally or via CDN
  • Construct a simple responsive web page using the Bootstrap grid system
  • Style common page elements using Bootstrap classes
  • Customise Bootstrap classes
  • Create navbars and other navigation elements
  • Create interactive content such as carousels and dialogues

Target Audience

The Bootstrap course is aimed at those who want to develop professional-looking, responsive web applications.

Additional Information

  • Course technical content is subject to change without notice.
  • Course content is structured as sessions, this does not strictly map to course timings. Concepts, content and practicals often span sessions.

Training Partners

We work with the following best of breed training partners using our bulk buying power to bring you a wider range of dates, locations and prices.

Modules

Hide all

Responsive Web Design (4 topics)

  • Introduction to Responsive Design
  • The viewport Meta Tag
  • Responsive Design Guidelines
  • Media Queries

Introduction to Bootstrap (4 topics)

  • The Bootstrap Framework
  • Integrating Bootstrap
  • Containers
  • The Bootstrap Grid System

Bootstrap UI (12 topics)

  • Typography
  • Images
  • Lists
  • Tables
  • Forms
  • Buttons
  • Glyphicons
  • Badges & Labels
  • Wells & Jumbotrons
  • Media Objects
  • Themes
  • Customising Bootstrap Classes

Bootstrap Navigation (5 topics)

  • Navbars
  • Dropdowns
  • Tabs
  • Pagination & Breadcrumbs
  • Collapsibles

Bootstrap Plugins (5 topics)

  • Carousel
  • Modal
  • Tooltip & Popover
  • Scrollspy & Affix
  • Accessibility

Prerequisites

Delegates should have a working knowledge of HTML & CSS or have attended the pre-requisite HTML & CSS course. Some knowledge of JavaScript would be beneficial but is not essential, this knowledge can be obtained by attendance on the JavaScript 1 course.

Additional Learning

The courses below may help you meet the knowledge level required to take this course. If you are unsure please ask a training advisor .

  • HTML & CSS

    This 2-day course provides the skills required to construct and style a simple responsive web site using HTML and CSS.

    2 Day Course Hands On Training Course Code HCSS
    Classroom Virtual Classroom Private Group - Virtual Self-Paced Online

Course PDF

Print

Share this Course

+1
Share

Recommend this Course

Sections