Special offers now — see discounted courses.
day
:
hour
:
min
:
sec
See special offers
Bootstrap 5 Essential Training

Bootstrap 5 Essential Training

4h 20mBeginner2023-10-11

Authors

Ray Villalobos

Ray Villalobos

Senior Staff Instructor at LinkedIn Learning

Course details

Bootstrap—a front-end framework using HTML, CSS, and JavaScript—is designed to help developers quickly and easily build responsive, mobile-ready websites that are cross-browser compatible. An open-source framework, Bootstrap features a 12-column grid and components that are ready to use. In this course, Ray Villalobos helps you get started with Bootstrap 5, providing an overview of all of the features in this popular framework. Ray covers installation options, and walks through the basic styles that normalize how your content is displayed on different platforms and browsers, before moving into detailed coverage of more advanced features, including typography and flexbox layouts. Learn how to use the layout components to create a full-featured website and make it interactive with components such as carousels, accordions, alerts, and tooltips. Plus, learn how to build beautifully designed and usable forms that validate user input.

Skills covered

BootstrapFront-End Web DevelopmentSoftware Development ToolsEssential TrainingWeb DevelopmentOpen SourceSoftware Development

Concepts

Introduction

  • The most popular framework
  • How to use the exercise files

Getting Started

  • New features in Bootstrap v5.3
  • Installation options
  • Bootstrap Icons
  • Reboot

Essential Classes

  • Containers
  • Colors
  • Spacing
  • Display
  • Position

Using Elements

  • Typography styles
  • Typography elements
  • Blockquotes and simple lists
  • List groups
  • Tables
  • Images and figures
  • Borders

Modifying Elements

  • Box modifications
  • Sizes and ratios
  • Interactivity classes

Layouts with Columns and Flexbox

  • Basic grid layout
  • Rows
  • Responsive columns
  • Flexbox metrics
  • Flexbox content
  • Flexbox organization

Layout Components

  • Buttons
  • Navs
  • Navbar
  • Cards
  • Pagination
  • Progress
  • Spinner
  • Badges and breadcrumbs

Interactive Components

  • Carousel
  • Accordions
  • Alerts
  • Toasts
  • Modal
  • Collapse
  • Dropdowns
  • Tooltips
  • Popovers
  • Scrollspy

Forms

  • Basic inputs
  • Selects and range
  • Floating labels
  • Checks and radios
  • Input groups
  • Form validation

Conclusion

  • Next steps

About us

LyndaKade is a leading learning platform that helps people learn business, software, technology, and creative skills to achieve personal and professional goals.

Phone numberAparat ChannelTelegram SupportTelegram ChannelInstagram Page

All rights to this site belong to LyndaKade.

Terms of Service|Privacy Policy

نماد الکترونیک enamad در صورت اتصال با آی‌پی داخل کشور، نمایش داده خواهد شد.
logo-samandehi - لوگو ساماندهی
Zarinpal
Zibal