By the end of this course, you will be able to
Master the basics of Bootstrap 5 to create responsive, modern websites that function seamlessly on any device or browser.
Understand color psychology and how different colors impact website conversions, from success signals to warnings.
Effectively apply light and dark color schemes to enhance user experience and engagement.
Use CSS variables within Bootstrap to customize and control design elements.
Build a responsive grid system step-by-step, creating flexible and structured layouts with Bootstrap 5.
Develop websites optimized for various devices, improving compatibility and user experience.
Course details
- 18 h 24 m/75 lessons
- Last updated: 16/10/2022
- Course completion certificate
Course Content
Introduction
Colors
Breakpoints
Starter template
CSS Variables
Containers
Grid
Columns
Introduction
Starter template
Colors
CSS Variables
Breakpoints
Containers
Grid
Columns
Gutters
Reboot
Typography
Images
Tables
Figures
Overview
Form control
Select
Checks and radios
Range
Input group
Floating Labels
Layout 1
Layout 2
Validation
Clear fix
Colored links
Ratio
Position
Stacks
Visually Hidden
Stretched links
Text Truncation
Vertical Rule
Background
Borders
Colors
Display
Flex
Float
Interactions
Opacity
Overflow
Position
Shadows
Sizing
Spacing
Text
Vertical alignment
Visibility
Accordion
Alerts
Badges
Breadcrumb
Buttons
Button Group
Cards 1
Cards 2
Carousel
Close Buttons
Collapse
Dropdown 1
Dropdown 2
List Group
Modal
Nav & Tabs
Navbar
Offcanvas
Pagination
Placeholders
Popovers
Progress
Scroll Spy
Spinners
Toasts
Tooltips
About this course
Learn the fundamentals of web design with Bootstrap 5 in this beginner-friendly course, designed to help you develop practical skills using the tools that make building responsive and professional websites easier. This first part of the course starts with the Beginner Template to give you a solid understanding of creating fast and modern websites. You will explore essential topics such as customizing and planning flexible layouts, managing content and forms, and working with key components to build smooth, fully functional websites. By the end of the course, you will have gained the necessary skills to design responsive websites for any device using Bootstrap 5. Whether starting from scratch or looking to enhance your current skills, this course provides the foundation you need to advance in web development. Sign up now to build professional websites and earn a certificate of completion to boost your career in web development, with access to over 1,000 educational courses included.
Course requirements and prerequisites
You need to have a basic knowledge of HTML5 & CSS3.
Mentor
Youssef Ayman Zedan
Web Developer
1,246 Learners
10 Courses