Bootstrap

  • Print

 

Course Overview

In this Bootstrap training class, you will discover how to design killer interfaces and responsive websites with the Bootstrap framework. You will get started building pages with Bootstrap's HTML/CSS-based tools and design templates. You will also learn how to extend apps with interactive features, using its suite of jQuery plugins, often without writing a single line of code.

 

Download Brochurepdf-logo 
 

Objectives

 

Bootsrap - Schedule

Day 1

09.00am – 10.00am

Lesson 1 – Bootstrap Scaffolding

  • What is Bootstrap
  • Bootstrap File Structure
10.00am – 10.30am

Breakfast

10.30am – 12.45pm

  • Basic HTML Templete
  • Global Styles
  • Default Grid System
  • Fluid Grid System

12.45pm – 02.15pm

Lunch

02.15pm – 05.00pm

Lesson 2 – Bootstrap CSS (Typography)

  • Code
  • Tables
  • Forms
  • Buttons
  • Images
  • Icons

Day 2

09.00am – 10.00am

Lesson 3 – Bootstrap Layout Components (Dropdown Menus)

  • Button Groups
  • Buttons with Dropdowns

10.00am – 10.30am

Breakfast

10.30am – 12.45pm

  • Navigation Element
  • Navbar
  • Breadcrumbs
  • Pagination
  • Label

12.45pm – 02.15pm

Lunch

02.15pm – 05.00pm

  • Badges
  • Typographic Elements
  • Thumbnails
  • Alerts
  • Progress Bars
  • Media Object

                                                                        Day 3

09.00am – 10.00am

Lesson 4 – Bootstrap JavaScript Plugins

  • Transitions
  • Modal
  • Dropdown
  • Scrollspy

10.00am – 10.30am

Breakfast

10.30am – 12.45pm

  • Toggleable Tabs
  • Tooltips
  • Popover
  • Alerts
  • Button
  • Collapse
  • Carousel
  • Typeahead
  • Affix

12.45pm – 02.15pm

Lunch

02.15pm – 05.00pm

Lesson 5 – Using Bootstrap (GitHub Project)

  • Customizing Bootstrap
  • Build with Bootstrap