Get in Touch
 Duration 14 hours

Course Outline

Foundation and Setup

  • Precompiled Assets
  • Source Code Management
  • Building CSS and Javascript
    • Setting up Grunt
    • Common Grunt commands
    • Resolving common issues
  • Core Templates and Elements
    • Standard Template Structure
    • Bootstrap Themes
    • Grid Layouts
    • Jumbotron Display
    • Constrained Jumbotron
    • Navigation Bars
    • Creating Custom Components
    • Practical Exercises
  • Developer Tools
    • Bootlint Utility
  • Managing Responsive Behavior
  • Browser and Device Compatibility
  • Accessibility Standards

Interface Components

  • Glyphicons
  • Dropdown Menus
  • Button Groups
  • Button Dropdowns
  • Input Groups
  • Navigation Menus (Navs)
  • Navigation Bars
  • Breadcrumbs
  • Page Pagination
  • Labels
  • Badges
  • Jumbotron
  • Page Headers
  • Thumbnails
  • Alert Notifications
  • Progress Indicators
  • Media Objects
  • List Groups
  • Panels
  • Responsive Embeds
  • Wells

CSS Framework Details

  • Introduction
  • Grid System Mechanics
  • Typography Rules
  • Code Styling
  • Table Layouts
  • Form Elements
  • Button Styles
  • Image Handling
  • Utility Classes
  • Responsive Utilities
  • Working with Less
  • Working with Sass

JavaScript Interactivity

  • Overview
  • Transition Effects
  • Modal Dialogs
  • Dropdown Behavior
  • ScrollSpy Functionality
  • Tabbed Content
  • Tooltips
  • Popovers
  • Alert Dismissal
  • Button Toggle
  • Collapse Behavior
  • Image Carousels
  • Affix Elements

Requirements

  • HTML
  • CSS
  • JAVASCRIPT

Bootstrap stands out as the most widely adopted HTML, CSS, and JS framework for building responsive, mobile-first web projects.

Target Audience

This course is tailored for web developers looking to integrate Bootstrap into their workflow.

Related Categories