Bootstrap

• Bootstrap Intro

---

Bootstrap Basics

• Bootstrap Overview
• Bootstrap Installation (CDN, NPM, Download)
• Bootstrap Grid System
  • Container (container, container-fluid)
  • Rows and Columns (col, col-sm, col-md, col-lg, col-xl)
  • Grid Breakpoints
  • Responsive Design (Responsive Grid, Column Sizing)
• Bootstrap Typography
  • Headings (h1, h2, h3, etc.)
  • Paragraphs
  • Text Alignment
  • Text Colors
  • Text Utilities (text-center, text-uppercase, etc.)
• Bootstrap Links
  • Styling Links (hover, active, disabled)
  • Link Colors
• Bootstrap Images
  • Responsive Images
  • Image Rounded, Circle, Thumbnail
  • Image Alignment

---

Bootstrap Components

• Bootstrap Buttons
  • Button Variants (primary, secondary, success, etc.)
  • Button Sizes
  • Button States (active, disabled, etc.)
  • Button Groups and Dropdowns
• Bootstrap Alerts
  • Alert Variants (success, danger, warning, info, etc.)
  • Dismissing Alerts
• Bootstrap Cards
  • Card Layout (header, body, footer)
  • Card Variants (e.g., card with image, card with title)
  • Card Groups and Decks
• Bootstrap Forms
  • Form Elements (input, textarea, select)
  • Form Controls (labels, help text)
  • Form Grid System (horizontal, inline)
  • Validation Styles
  • Custom Forms (checkboxes, radio buttons)
• Bootstrap Modals
  • Basic Modals
  • Modal Variants (with header, footer, etc.)
  • Modal Sizes
  • Modal Events (open, close)
• Bootstrap Navs and Navbar
  • Basic Navbar (with links, brand)
  • Navbar Color and Positioning (fixed-top, fixed-bottom)
  • Navbar Dropdowns
  • Navbar Toggler (Collapsible navbar)
• Bootstrap Dropdowns
  • Dropdown Menu
  • Dropdown Items
  • Dropdown Alignment
• Bootstrap Badges and Pill Badges
• Bootstrap Tooltips
• Bootstrap Popovers

---

Bootstrap Layout & Utilities

• Bootstrap Containers (container, container-fluid, container-sm)
• Bootstrap Grid System (Row and Column Sizing, Breakpoints)
• Flexbox Utilities (justify-content, align-items, flex-direction)
• Spacing Utilities (margin, padding, spacing scale)
• Display Utilities (d-none, d-inline, d-block, etc.)
• Visibility Utilities (visibility, hidden, collapse)
• Positioning Utilities (absolute, relative, fixed)
• Sizing Utilities (width, height, max-width, max-height)
• Overflow Utilities (overflow, overflow-x, overflow-y)
• Border Utilities
• Background Utilities (bg-color, bg-gradient)

---

Bootstrap Colors & Themes

• Bootstrap Color Palette (primary, secondary, success, etc.)
• Background Colors
• Text Colors
• Customizing Bootstrap (Custom Themes with SASS, SCSS)

---

Bootstrap JavaScript Plugins

• Bootstrap Carousel
  • Creating a Carousel
  • Carousel Items and Controls
  • Carousel Indicators and Transitions
• Bootstrap Collapse
  • Accordion
  • Collapse Button (expand/collapse)
  • Collapsible Navbar
• Bootstrap Tooltips
  • Tooltip Placement
  • Tooltip Activation (hover, focus, click)
• Bootstrap Popovers
  • Popover Content and Placement
  • Popover Triggers (hover, focus, click)
• Bootstrap ScrollSpy
  • ScrollSpy Initialization
  • ScrollSpy Navigation
• Bootstrap Toasts
  • Toast Messages (show, hide, auto-dismiss)
  • Toast Placement and Styling
• Bootstrap Modal
  • Modal Sizes (sm, lg, modal-fullscreen)
  • Modal Events (show, hide, toggle)

---

Bootstrap Utilities

• Bootstrap Spacing (Margin, Padding, Gutter)
• Bootstrap Typography Utilities (font size, font weight, text alignment)
• Bootstrap Text and Background Colors
• Bootstrap Display and Visibility Utilities
• Bootstrap Flexbox and Grid Utilities
• Bootstrap Sizing Utilities (height, width, etc.)
• Bootstrap Border and Border Radius Utilities
• Bootstrap Shadow Utilities

---

Bootstrap Customization

• Customizing Bootstrap with SASS
  • Setting Up SASS for Bootstrap
  • Customizing Default Variables (colors, spacing, fonts)
  • Creating Custom Themes
• Bootstrap Version Control (Upgrading, Changelog)
• Bootstrap 5 New Features (e.g., removal of jQuery, enhanced custom forms)

---

Bootstrap Responsive Design

• Media Queries and Breakpoints (sm, md, lg, xl)
• Mobile-First Approach
• Responsive Grid System
• Hiding/Showing Content on Different Screen Sizes (Responsive Utilities)

---

Bootstrap How To

• Create a Responsive Layout
• Create a Navbar
• Build a Form with Validation
• Create a Modal Popup
• Create a Dropdown Menu
• Implement a Carousel
• Customize Bootstrap Theme