Bootstrap is a sleek, intuitive, and powerful, mobile first front-end framework for faster and easier web development. It uses HTML, CSS and JavaScript.

2 days - $1,295.00

Course taught by an expert Computer Coding Instructor.

Prerequisites:

Basic knowledge of computer coding incuding HTML, CSS and Java are helpful.

Course Outline

What is Bootstrap Framework

Why Bootstrap
History of Bootstrap
Advantages of Bootstrap Framework 
What is Responsive web page
How to remove Responsiveness
Major Features of Bootstrap
What is Mobile-First Strategy
Setting up Environment
How to apply Bootstrap to Applications

What is Bootstrap Grid

How to apply Bootstrap Grid
What is Container
What is Offset Column
How to Reordering Columns
Advantages of Bootstrap Grid
How to Display responsive Images
How to change class properties
How to use readymade themes
How to customize Bootstrap's components, Less variables, and jQuery plug-in

What is Bootstrap Typography

How to use Typography
What is Bootstrap Tables
What is Bootstrap Form Layout
What is Bootstrap Button
How display images in different styles like Circle shape etc
How to display text like muted and warning etc
What is Carets Classes
How to hide or show the text in Bootstrap

What is Bootstrap Components

Why Bootstrap Components
Advantages of Bootstrap Components
What are the different types of Bootstrap Components 
What is Glyphicons Component
How to use Glyphicons Component
What is Bootstrap Dropdown Menu Component
What is Button Groups and Button Toolbar
How to use Button Groups and Button Toolbar
What are different Input Groups Components
What is Navigation Pills & Tabs Components
How to use Navigation Pills and Tabs Components

What is Navbar Component

How to build a Responsive Navbar
How to Add Forms and other controls to Navbar
How to Fix the position of navbar
What is Breadcrumb Component
What is Pagination Component
How to apply Pagination in Application
What is Labels / Badge Components
What is Jumbotron / Page Header Components
What is Thumbnail Component
What is Alerts & Dismissible Alerts
How to Create Progress Bar
What is Media Objects Component
Why Media Objects Component
How to use Media Objects Component
What is Bootstrap List Group Component
What is Bootstrap Panel Component

Why Bootstrap Plug-Ins

How to use Bootstrap Plug-Ins
What is Transition Plug-in
What Modal Dialog Box
What are the different Properties, Methods and Events of Model Dialog Box
What is Scrollspy Plug-In
What is Tab Plug-in
How to use Tab Plug-in
What is Drop Down Plug-in
What is Tooltip Plug-in
How to use Button Plug-in
What are the different methods and events of Tooltip Plug-in
What is Popover Plug-in
What is alert and Button Plug-ins
What is Collapse Plug-in
What are different types of Properties, Methods and Events of Collapse Plug-in
What is Carousel Plug-in
What is Affix Plug-in