.png)
9 Reviews
5 Students
Course Highlights
This in-depth course delves deeply into the world of Bootstrap 5, emphasising its robust grid structure, adaptable components, and utility classes that make responsive web creation easier. Students will first master the basics of Bootstrap 5, after which they will build layouts that work on a variety of devices. The curriculum advances with in-depth investigations of Bootstrap elements that improve user interfaces, forms that facilitate better user interaction, and helpers that expedite development.
Through the integration of tools and add-ons, the course equips students to efficiently create complex, responsive websites. To guarantee that participants have the skills necessary to thrive in the rapidly changing digital landscape, the concluding parts offer priceless resources for continued education and project improvement.
Learning outcome
- Understand the core principles of Bootstrap 5 for responsive web design.
- Utilize the grid system to create adaptable layouts.
- Implement Bootstrap components for dynamic content.
- Design responsive forms for enhanced user engagement.
- Apply helper classes for efficient styling.
- Leverage utilities for advanced layout and design control.
- Access and utilize Bootstrap resources for continuous improvement.
Course media
Why should I take this course?
- Master responsive web design to meet current web standards.
- Gain skills in Bootstrap 5, enhancing your development toolkit.
- Learn to create visually appealing, user-friendly websites.
- Stay competitive in the digital marketplace with cutting-edge techniques.
- Access comprehensive resources for ongoing learning and development.
Career Path
- Front-End Developer
- Web Designer
- UI/UX Designer
- Full Stack Developer
- Web Developer
- Digital Designer
- Responsive Design Specialist
Requirements
- Basic understanding of HTML and CSS.
- A desire to learn and apply responsive web design principles.
- Access to a computer or digital device with internet connectivity.
Curriculum
-
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
-
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
-
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
-
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
-
Clearfix
00:04:00
-
Colored Links
00:02:00
-
Embed
00:03:00
-
Position
00:04:00
-
Screen Readers
00:03:00
-
Stretched Link
00:02:00
-
Text Truncation
00:03:00
-
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:05: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
-
Typography
00:04:00
-
Tables
00:06:00
-
Images
00:04:00
-
Figures
00:02:00
-
Resource – Bootstrap 5: Responsive Web Design
-
Order Your Certificate
Offer Ends in
All
Courses for £49-
Duration:6 hours, 5 minutes
-
Access:1 Year
-
Units:78
