YoVDO

Bootstrap 3 Essential Training

Offered By: LinkedIn Learning

Tags

Bootstrap Courses Computer Science Courses Web Development Courses Flexbox Courses HTML Courses Responsive Design Courses Grid Systems Courses

Course Description

Overview

Learn the essentials of Bootstrap 5. Discover how to use this popular front-end framework to quickly and easily build responsive, mobile-ready websites.

Syllabus

Introduction
  • The most popular framework
  • How to use the exercise files
1. Getting Started
  • New features in Bootstrap v5.3
  • Installation options
  • Bootstrap Icons
  • Reboot
2. Essential Classes
  • Containers
  • Colors
  • Spacing
  • Display
  • Position
3. Using Elements
  • Typography styles
  • Typography elements
  • Blockquotes and simple lists
  • List groups
  • Tables
  • Images and figures
  • Borders
4. Modifying Elements
  • Box modifications
  • Sizes and ratios
  • Interactivity classes
5. Layouts with Columns and Flexbox
  • Basic grid layout
  • Rows
  • Responsive columns
  • Flexbox metrics
  • Flexbox content
  • Flexbox organization
6. Layout Components
  • Buttons
  • Navs
  • Navbar
  • Cards
  • Pagination
  • Progress
  • Spinner
  • Badges and breadcrumbs
7. Interactive Components
  • Carousel
  • Accordions
  • Alerts
  • Toasts
  • Modal
  • Collapse
  • Dropdowns
  • Tooltips
  • Popovers
  • Scrollspy
8. Forms
  • Basic inputs
  • Selects and range
  • Floating labels
  • Checks and radios
  • Input groups
  • Form validation
Conclusion
  • Next steps

Taught by

Ray Villalobos

Related Courses

Mobile Web Development
Google via Udacity
iDESWEB, Introducción al desarrollo web
Miríadax
Information Design
University of California, San Diego via Coursera
Advanced Styling with Responsive Design
University of Michigan via Coursera
Front-End Web UI Frameworks and Tools
The Hong Kong University of Science and Technology via Coursera