Immerse yourself in the dynamic world of responsive web design with the “Masterclass Bootstrap 5 Course.” Discover the power of Bootstrap’s grid system and layout techniques in creating visually appealing websites. Learn to harness the potential of components, forms, helpers, and utilities to build professional-grade web pages with ease.
This comprehensive course starts with a solid introduction to Bootstrap 5, followed by detailed explorations of its core features. Gain a deep understanding of the grid system, components, and the various tools available to enhance your web design projects. Through practical exercises and real-world examples, you will acquire the skills needed to craft responsive, user-friendly websites.
By the end of this course, you’ll be equipped to use Bootstrap 5 to its fullest potential. Transform your web design capabilities and bring your creative visions to life. Join now and revolutionise your approach to responsive web design.
After studying the course materials of the Masterclass Bootstrap 5 Course – Responsive Web Design there will be a written assignment test which you can take either during or at the end of the course. After successfully passing the test you will be able to claim the pdf certificate for £5.99. Original Hard Copy certificates need to be ordered at an additional cost of £9.60.
This Masterclass Bootstrap 5 Course – Responsive Web Design does not require you to have any prior qualifications or experience. You can just enrol and start learning.This Masterclass Bootstrap 5 Course – Responsive Web Design was made by professionals and it is compatible with all PC’s, Mac’s, tablets and smartphones. You will be able to access the course from anywhere at any time as long as you have a good enough internet connection.
Section 01: Introduction | |||
Introduction To This Course | 00:02:00 | ||
Changes From Bootstrap 4 and Bootstrap 5 | 00:05:00 | ||
Bootstrap 5 Browser Compatibility | 00:02:00 | ||
Setup Bootstrap 5 | 00:08:00 | ||
Section 02: Grid System & Layout | |||
Grid System Introduction | 00:05:00 | ||
All Grid Sizes | 00:07:00 | ||
Single Column Width | 00:05:00 | ||
Variable Width Content | 00:02:00 | ||
Offsetting Columns | 00:02:00 | ||
Reordering Columns | 00:03:00 | ||
Column Breaks | 00:02:00 | ||
Column Wrapping | 00:02:00 | ||
Vertical Alignment | 00:03:00 | ||
Horizontal Alignment | 00:02:00 | ||
Margin Utilities | 00:02:00 | ||
Multiple Rows | 00:03:00 | ||
Nesting Rows and Columns | 00:03:00 | ||
Gutters | 00:03:00 | ||
Responsive Containers | 00:03:00 | ||
Fluid Containers | 00:01:00 | ||
Section 03: Components | |||
Alerts | 00:14:00 | ||
Badge | 00:04:00 | ||
Breadcrumb | 00:03:00 | ||
Buttons | 00:11:00 | ||
Button Group | 00:06:00 | ||
Card | 00:06:00 | ||
Card Masonry Layout | 00:04:00 | ||
Carousel | 00:13:00 | ||
Close Button | 00:02:00 | ||
Collapse | 00:05:00 | ||
Collapse Accordion Style | 00:10:00 | ||
Dropdowns | 00:10:00 | ||
List Group | 00:05:00 | ||
Modal | 00:09:00 | ||
Navs | 00:05:00 | ||
Navbar | 00:15:00 | ||
Pagination | 00:05:00 | ||
Popovers | 00:06:00 | ||
Progress | 00:04:00 | ||
Scrollspy | 00:14:00 | ||
Spinners | 00:05:00 | ||
Toasts | 00:10:00 | ||
Tooltips | 00:04:00 | ||
Section 04: Forms | |||
Form Control | 00:07:00 | ||
Select | 00:03:00 | ||
Checks | 00:08:00 | ||
File | 00:03:00 | ||
Range | 00:04:00 | ||
Input Groups | 00:04:00 | ||
Layout | 00:05:00 | ||
Validation | 00:08:00 | ||
Section 05: Helpers | |||
Clearfix | 00:04:00 | ||
Colored Links | 00:02:00 | ||
Embed | 00:03:00 | ||
Position | 00:05:00 | ||
Screen Readers | 00:03:00 | ||
Stretched Link | 00:02:00 | ||
Text Truncation | 00:03:00 | ||
Section 06: Utilities | |||
Borders | 00:02:00 | ||
Colors | 00:03:00 | ||
Display Property | 00:04:00 | ||
Flex | 00:03:00 | ||
Float | 00:03:00 | ||
Interactions | 00:04:00 | ||
Overflow | 00:03:00 | ||
Position | 00:04:00 | ||
Shadows | 00:02:00 | ||
Sizing | 00:03:00 | ||
Spacing | 00:04:00 | ||
Text | 00:10:00 | ||
Vertical align | 00:03:00 | ||
Visibility | 00:02:00 | ||
Section 07: Extras | |||
Typography | 00:04:00 | ||
Tables | 00:06:00 | ||
Images | 00:04:00 | ||
Figures | 00:02:00 | ||
Section 08: Resource | |||
Resource | 00:00:00 | ||
Assignment | |||
Assignment – Masterclass Bootstrap 5 Course – Responsive Web Design | 00:00:00 |
Dive into the world of programming with “Python Programming from Scratch with MySQL Database,” an ideal blend of two powerful …
0
Step into the world of web development with PHP Webforms for Everyone and transform your ability to create dynamic, interactive …
0
Dive into the world of web development with confidence, as “Learn Web Development from Scratch” takes you through an engaging …
0