Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
Bootstrap 5 Crash Course 2022
Rating: 4.4 out of 5(299 ratings)
8,484 students

Bootstrap 5 Crash Course 2022

A quick start guide for Bootstrap 5 with its core components
Created byNAVEEN SAGGAM
Last updated 2/2022
English
English [Auto],

What you'll learn

  • This is a quick jumpstart with Bootstrap 5
  • It makes you a better understanding of Bootstrap Components
  • You will able to develop websites using Bootstrap
  • You will understand the core components of Bootstrap and its usage

Course content

1 section • 10 lectures • 1h 44m total length

  • Introduction to Bootstrap Course1:36

    Learn Bootstrap 5.1 from scratch and explore its front-end components. Set up the installation, build a restaurant website project, and master features covered in this crash course.

  • Course Requirements & Background7:36

    Explore Bootstrap 5.1, an open-source, mobile-first framework with built-in components and customization. Learn to build a responsive restaurant site featuring a full-screen slider, cards, and video sections.

  • Bootstrap Configuration & Project setup13:11

    Learn how to set up a Bootstrap project from folder structure to configuring CSS and JS assets, add Font Awesome icons, and integrate fonts for a responsive UI.

  • Typography in Bootstrap12:40

    Explore typography in Bootstrap by learning how to apply headings, display classes, font weights, and text styles, and understand responsive breakpoints in Bootstrap 5.

  • Alerts in Bootstrap6:39

    Learn how to use Bootstrap alerts, including base alerts and variants like alert primary, success, danger, and warning, plus dismissible alerts with a close button and data-bs-dismiss.

  • Badges in Bootstrap4:47

    Learn how to use Bootstrap badges to highlight new features with color variants such as primary, secondary, success, and danger, including circular badges and badges on buttons with notification counts.

  • Buttons in Bootstrap4:04

    Explore Bootstrap 5 buttons, using the base btn class with color variants like primary, secondary, success, danger, warning, info, light, dark; include outline styles and sizes large, medium, and small.

  • Cards & Carousel in Bootstrap16:31

    Learn to build responsive bootstrap cards and a carousel, using the grid system to display four cards on large screens and stack them on smaller devices.

  • Restaurant Website Development37:34

    Develop a restaurant website from scratch using bootstrap 5, integrating font awesome, Google fonts, a slider with indicators and controls, grid layouts, cards with social icons, and a contact section.

  • Source Code0:01

Requirements

  • Basic HTML , CSS are Required to start learning Bootstrap

Description

This course will explain the Bootstrap 5. This is a Quick start guide to Bootstrap 5 This course will help the beginners and professionals to gain practical knowledge.

Myself NAVEEN SAGGAM , I am the owner of UiBrains Technologies YouTube channel. This course is designed to help you in learning the complete JavaScript programming language. This course suits to both the beginners & professionals. This course is unique and it contains each concept with a practical example to make understand in a better manner and this will also provides you a hands on experience. All the concepts explained here are by me are the best of my knowledge and experience in the subject.

This course is a quick jumpstart on the most popular frontend framework called Bootstrap. This course will boost your interest in learning Bootstrap with fun and interesting examples on most of the topics which will improve your confidence in Bootstrap. This will also provides a hands on experience on Bootstrap.

This Course will cover the following concepts of Bootstrap.

1. Introduction to Bootstrap Course.

2. Course requirements & Background.

3. Bootstrap Configuration

4. Typography in Bootstrap

5. Alerts in Bootstrap

6. Badges in Bootstrap

7. Buttons in Bootstrap

8. Cards components in Bootstrap

9. Carousel component in Bootstrap

10. A Restaurant website development in Bootstrap

Who this course is for:

  • For beginners who wants to jump start with Bootstrap 5

Report abuse