Best Web Development Training in Jalandhar & Best Bootstrap Industrial Training in Jalandhar

responsive web designing

Get Started

  1. What is Bootstrap?
  2. Bootstrap History
  3. Why Use Bootstrap?
  4. What Does Bootstrap Include?
  5. HTML File
  6. Adding Bootstrap to Your Web Pages
  7. Downloading Bootstrap
  8. Bootstrap CDN
  9. Put Your HTML Elements Inside Containers
  10. Bootstrap Browser/Device Support

Typography

  1. Bootstrap’s Default Settings
  2. Bootstrap vs. Browser Defaults
  3. Typography Classes

Grid System

  1. What is a Grid?
  2. Bootstrap Grid System
  3. Mobile-First Strategy
  4. Grid System Rules
  5. Basic Structure of a Bootstrap Grid
  6. Grid Options

Stacked-to-horizontal

Small Devices

Medium Devices

Large Devices

Forms

  1. Form Layouts
  2. Vertical Form (default)
  3. Inline Form
  4. Horizontal Form

Inputs

  1. Supported Form Controls Bootstrap supports the following form controls:
    • input
    • textarea
    • checkbox
    • radio
    • select

Inputs 2

  1. Static Control
  2. Form Control States

Input Sizing

  1. Input Sizing in Forms
  2. Height Sizing
  3. Column Sizing
  4. Help Text

Container

  1. Build a Bootstrap Web Page From Scratch
  2. Add Bootstrap CDN and Put Elements in Containers

Jumbotron

Button/Icon

  1. Adding a Button
  2. Adding an Icon

Multicolumn

  1. Multicolumn Layout
  2. Columns With Different Widths

Menu

  1. Menus
  2. Tabs
  3. Tabs With Dropdown Menu
  4. Pills
  5. Vertical Pills
  6. Pills With Dropdown Menu

Navigation Bar

  1. Navigation Bars
  2. Inverted Navigation Bar
  3. Fixed Navigation Bar
  4. Navigation Bar With Dropdown
  5. Right-Aligned Navigation Bar
  6. Collapsing The Navigation Bar

Bootstrap Navbar

  1. Default navbar
  2. Responsive navbar
  3. Forms in navbar
  4. Buttons in navbar
  5. Text in navbar
  6. Non-nav links
  7. Component alignment
  8. Fixed to top
  9. Fixed to bottom
  10. Static top
  11. Inverted navbar

Bootstrap Pagination

  1. Pagination
  2. DEFAULT PAGINATION
  3. STATES
  4. SIZING
  5. Pager
  6. ALIGNED LINKS
  7. STATES
  8. Bootstrap Labels

Bootstrap Jumbotron

  1. Bootstrap Page Header
  2. Bootstrap Thumbnails

Bootstrap Alerts

  1. Dismissal Alerts
  2. Links in Alerts

Bootstrap Progress Bars

  1. Default Progress Bar
  2. Alternate Progress Bar
  3. Striped Progress Bar
  4. Animated Progress Bar
  5. Stacked Progress Bar

Bootstrap List Group

  1. Adding Badges to List Group
  2. Linking List Group Items
  3. Add Custom Content to List Group

Bootstrap Panels

  1. Panel with heading
  2. Panel with footer
  3. Panel Contextual alternatives
  4. Panel with tables
  5. Panel with Listgroups

Bootstrap Plugins Overview