Twitter Bootstrap

Bootstrap/Foundation

Course Duration: 15 hours

Bootstrap is the most popular HTML, CSS, and JavaScript framework for developing responsive, mobile-first web sites. Bootstrap is completely free to download and use!

Introduction

  • What is Twitter Bootstrap
  • Bootstrap features and components
  • Bootstrap and Responsive Web Design
  • Tools for development
  • Responsive workflow
  • Getting started with Twitter Bootstrap

Creating structure

  • The Grid
  • Media Queries
  • Responsive Layout
  • Fluid grid system
  • Nesting
  • Media Queries
  • Hero Unit
  • Thumbnail Gallery

Bootstrap CSS Overview

  • Basic Typography
  • Lists
  • Buttons
  • Tables
  • Forms
  • Images and Icons
  • Overriding Bootstrap Core CSS

Navigations System

  • Adding the basic navigation bar
  • Breadcrumbs
  • Pagination
  • Page for next and previous links
  • Using tabs and pills navigation

Working with components

  • Overview of components
  • Using components
  • Glyphicons
  • Dropdowns and buttons
  • Navigation components
  • Pagination
  • Label and badges
  • Typography
  • Thumbnails
  • Alerts
  • Progress bars

JavaScript in bootstrap

  • Using JavaScript plugins
  • Using transition effects
  • Using modal prompts
  • Using dropdowns
  • Updating nav targets in scrolling
  • Tabbing
  • Using tooltips, popovers, and alerts
  • Using button states or groups
  • Collapsing components
  • Using carousels
  • Customizing Bootstrap
  • Custom Build
  • Overriding with CSS
  • LESS