4. Bootstrap

Bootstrap 5 Crash Course | Website Build & Deploy by Traversy Media

Bootstrap 5

Bootstrap is the most popular free CSS framework for developing a responsive website. A website is responsive if the appearance changes depending on the screen size. It resizes the content to fit different screen widths. Implementing all this yourself can be time-consuming and challenging. But Bootstrap takes care of that for you. Learn how Bootstrap works, and apply it to your website. You can account for different devices with a single code base and make your website look professional with its built-in templates and themes.

Course Content

  • 0:00 - Intro
    2:01 - Docs & Getting Started
    4:40 - Including Bootstrap CDN
    6:38 - Responsive Navbar
    14:04 - Showcase With Flex Classes
    24:25 - Newsletter With Input Group
    31:03 - Boxes With Bootstrap Grid & Cards
    33:22 - Bootstrap Icons
    38:44 - Learn Sections
    44:38 - FAQ With Accordion
    54:50 - Instructors Grid Cards
    1:01:11 - Contact Info & Map
    1:07:18 - Footer
    1:09:38 - Enrollment Modal
    1:14:57 - Deployment To Hostinger

Resources

▶️ Traversy Media
🔗 Bootstrap 5 Homepage

Previous
Previous

3. CSS

Next
Next

5. Git