Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

LinkedIn Learning

Bootstrap 4 Essential Training

via LinkedIn Learning

Overview

Prepare for a new career with $100 off Coursera Plus
Gear up for jobs in high-demand fields: data analytics, digital marketing, and more.
Learn the essentials of Bootstrap 4. Discover how to use this popular front-end framework to quickly and easily build responsive, mobile-ready websites.

Syllabus

Introduction
  • Welcome
  • What you should know
  • Use the exercise files
1. Getting Started
  • Introduction
  • Installation options
  • Creating a basic template
2. Using Basic Styles
  • Basic styles overview
  • Basic typography
  • Typographic utilities
  • Blockquotes and lists
  • Using colors with Bootstrap
  • Work with images
  • CSS variables
  • Text selection
3. Mastering Layout with Bootstrap
  • Layout overview
  • Using containers
  • Working with rows and columns
  • Multiple column classes
  • Offset columns
  • Nested columns
  • Custom order
  • Grid alignment options
  • Display properties
  • Flexbox container options
  • Individual flex elements
  • Floating elements
  • Margin and padding
  • Visibility
  • Sizing utilities
  • Using borders
4. Using Navs and Navbar Components
  • Navbar overview
  • Create basic navigation
  • Create a navbar
  • Use branding and text
  • Add a dropdown to navigation
  • Add form elements
  • Control positioning
  • Create collapsible content
5. Style Element Overview
  • Basic style element overview
  • Create buttons
  • Button groups
  • Use badges
  • Progress bar styles
  • List groups
  • Breadcrumbs
  • Shadows
6. Using Layout Component
  • Layout components overview
  • Add a jumbotron
  • Table styles
  • Basic card layouts
  • Card content classes
  • Card layouts
  • Use the media object
7. Using Form Styles
  • Form styles overview
  • Create a basic form
  • Checkboxes and radio classes
  • Style options
  • Multicolumn forms
  • Create input groups
  • Custom form components
8. Working with Interactive Components
  • Interactive component overview
  • Add tooltips
  • Display popovers
  • Create alerts
  • Use dropdowns
  • Add collapse accordions
  • Use modals
  • Build carousels
  • Use scrollspy
  • Toasts
  • Spinners
  • Pagination
  • Stretched links
  • Embeds
Conclusion
  • Next steps

Taught by

Ray Villalobos

Reviews

4.6 rating at LinkedIn Learning based on 295 ratings

Start your review of Bootstrap 4 Essential Training

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.