English | MP4 | AVC 1280×720 | AAC 44KHz 2ch | 4h 20m | 659 MB
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.
Table of Contents
Introduction
1 The most popular framework
2 How to use the exercise files
1. Getting Started
3 Installation options
4 Installation
5 Bootstrap Icons
6 Reboot
2. Essential Classes
7 Containers
8 Colors
9 Spacing
10 Display
11 Position
3. Using Elements
12 Typography styles
13 Typography elements
14 Blockquotes and simple lists
15 List groups
16 Tables
17 Images and figures
18 Borders
4. Modifying Elements
19 Box modifications
20 Sizes and ratios
21 Interactivity classes
5. Layouts with Columns and Flexbox
22 Basic grid layout
23 Rows
24 Responsive columns
25 Flexbox metrics
26 Flexbox content
27 Flexbox organization
6. Layout Components
28 Buttons
29 Navs
30 Navbar
31 Cards
32 Pagination
33 Progress
34 Spinner
35 Badges and breadcrumbs
7. Interactive Components
36 Scrollspy
37 Carousel
38 Accordions
39 Alerts
40 Toasts
41 Modal
42 Collapse
43 Dropdowns
44 Tooltips
45 Popovers
8. Forms
46 Basic inputs
47 Selects and range
48 Floating labels
49 Checks and radios
50 Input groups
51 Form validation
Conclusion
52 Next steps
Resolve the captcha to access the links!