Bootstrap

Reading Time: 3 minutes

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

    Module 2: Bootstrap Grid

    • 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

    Module 3: Bootstrap Components

    • 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

    Module 4: Bootstrap Plug-Ins

    • 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