Bootstrap
- Module 1: Introduction to Bootstrap
- 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
- What is Bootstrap Plug-Ins.
- 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
Module 2: Bootstrap Grid
Module 3: Bootstrap Components
Module 4: Bootstrap Plug-Ins