Bootstrap 5 Essential Training

Focused View

Ray Villalobos

4:20:06

0 View

[1] Introduction

[1] The most popular framework.mp4

00:52

[2] How to use the exercise files.mp4

01:38

[2] 1. Getting Started

[1] Installation options.mp4

02:14

[2] Installation.mp4

05:10

[3] Bootstrap Icons.mp4

09:39

[4] Reboot.mp4

04:42

[3] 2. Essential Classes

[1] Containers.mp4

03:03

[2] Colors.mp4

05:14

[3] Spacing.mp4

05:53

[4] Display.mp4

08:02

[5] Position.mp4

07:18

[4] 3. Using Elements

[1] Typography styles.mp4

05:54

[2] Typography elements.mp4

04:51

[3] Blockquotes and simple lists.mp4

02:59

[4] List groups.mp4

04:50

[5] Tables.mp4

06:44

[6] Images and figures.mp4

04:45

[7] Borders.mp4

03:28

[5] 4. Modifying Elements

[1] Box modifications.mp4

05:58

[2] Sizes and ratios.mp4

06:32

[3] Interactivity classes.mp4

04:35

[6] 5. Layouts with Columns and Flexbox

[1] Basic grid layout.mp4

10:18

[2] Rows.mp4

03:53

[3] Responsive columns.mp4

06:41

[4] Flexbox metrics.mp4

06:43

[5] Flexbox content.mp4

05:18

[6] Flexbox organization.mp4

04:53

[7] 6. Layout Components

[1] Buttons.mp4

04:54

[2] Navs.mp4

05:34

[3] Navbar.mp4

12:46

[4] Cards.mp4

07:12

[5] Pagination.mp4

04:32

[6] Progress.mp4

03:02

[7] Spinner.mp4

02:26

[8] Badges and breadcrumbs.mp4

02:12

[8] 7. Interactive Components

[1] Carousel.mp4

13:05

[2] Accordions.mp4

05:48

[3] Alerts.mp4

02:29

[4] Toasts.mp4

05:50

[5] Modal.mp4

05:59

[6] Collapse.mp4

02:59

[7] Dropdowns.mp4

08:14

[8] Tooltips.mp4

02:52

[9] Popovers.mp4

03:03

[10] Scrollspy.mp4

06:42

[9] 8. Forms

[1] Basic inputs.mp4

02:19

[2] Selects and range.mp4

02:35

[3] Floating labels.mp4

01:37

[4] Checks and radios.mp4

05:01

[5] Input groups.mp4

02:10

[6] Form validation.mp4

03:37

[10] Conclusion

[1] Next steps.mp4

01:01

Description

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.

More details

User Reviews

Rating

average 0

Total votes0

Focused display

Bootstrap

Ray Villalobos

Instructor's Courses

I published more than 100 courses focused on front-end development topics like JavaScript, Node.js, Vue.js, React, and Sass, plus frameworks like Bootstrap. My goal is to help people understand complex subject through real-world exercises and projects. Look for me @planetoftheweb or through my blog at http://raybo.org.

Linkedin Learning

View courses Linkedin Learning

LinkedIn Learning is an American online learning provider. It provides video courses taught by industry experts in software, creative, and business skills. It is a subsidiary of LinkedIn. All the courses on LinkedIn fall into four categories: Business, Creative, Technology and Certifications. It was founded in 1995 by Lynda Weinman as Lynda.com before being acquired by LinkedIn in 2015. Microsoft acquired LinkedIn in December 2016.