Bootstrap-5 Crash Course(2023)

Focused View

FlexiBrains Global

4:30:37

9 View

01 - Introduction

001 Introduction.mp4

01:03

002 What is Bootstrap.mp4

03:05

02 - Download & Installation

001 By Downloading.mp4

05:36

002 By Using CDNs.mp4

01:49

003 By Using NPM.mp4

04:13

03 - Understanding Layout

001 Breakpoints & Container Class.mp4

08:47

002 Grid.mp4

04:11

003 Columns.mp4

18:05

004 Gutters.mp4

09:32

04 - How to use utility classes

001 Backgrounds.mp4

09:07

002 Borders.mp4

03:17

003 Colors.mp4

02:25

004 Display.mp4

05:27

005 Float.mp4

05:19

006 Interactions.mp4

05:23

007 Overflow.mp4

04:48

008 Position.mp4

06:08

009 Shadow.mp4

04:30

010 Sizing.mp4

03:41

011 Spacing.mp4

06:54

012 Text.mp4

16:41

013 Vertical Align.mp4

02:19

014 Visibility.mp4

01:13

05 - Working with Components

001 Accordion.mp4

10:42

002 Alert.mp4

04:00

003 Badge.mp4

03:33

004 Breadcrumb.mp4

04:52

005 Button Group.mp4

02:22

006 Card.mp4

07:58

007 Carousel.mp4

07:36

008 Close Button.mp4

01:03

009 Collapse.mp4

06:12

010 Dropdowns.mp4

06:19

011 List Group.mp4

02:51

012 Modal.mp4

09:59

013 Nav.mp4

03:26

014 Navbar & Tabs.mp4

14:38

015 Offcanvas.mp4

07:06

016 Pagination.mp4

01:50

017 Progress.mp4

03:13

018 Scrollspy.mp4

07:18

019 Spinner.mp4

02:21

020 Tooltip.mp4

02:06

06 - How To Use Forms

001 Difference Between Normal Forms & Bootstrap Forms.mp4

02:43

002 Form Control.mp4

02:10

003 Select.mp4

02:20

004 Check & Radio Buttons.mp4

03:45

005 Range.mp4

02:09

006 Input Groups.mp4

02:43

007 Floating Labels.mp4

02:17

008 Layout.mp4

06:11

009 Validation.mp4

03:21

07 - End of Course

001 Bonus Lecture.html

001 GitHubLink.txt

Description

Learn to create responsive web pages with Bootstrap 5 from scratch.

What You'll Learn?

To Create Responsive Web Pages
To Develop Modern Websites
Bootstrap 5 Components
Custom CSS in Bootstrap 5

Who is this for?

Any one can take this Course

What You Need to Know?

Basic Knowledge of HTML, CSS, JavaScript

More details

Description
Bootstrap is a powerful front-end framework for faster and easier web development. It includes HTML and CSS based design templates for creating common user interface components like forms, buttons, navigations, dropdowns, alerts, modals, tabs, accordions, carousels, tooltips, and so on.
Bootstrap gives you ability to create flexible and responsive web layouts with much less efforts.
Bootstrap helps you to -
Create responsive websites.
Create multi-column layout with pre-defined classes.
Create different types of form layouts.
Create different variation of navigation bar.
Create components like accordions, modals, etc. without writing any JS code.
Create dynamic tabs to manage large amount of content.
Create tooltips and popovers to show hint text.
Create carousel or image slider to showcase your content.
Create different types of alert boxes.
What we will learn in this course?
In this course we will be covering almost all topics related to the Bootstrap & they are as Follows:
How to use Bootstrap 5 ?
Grid Layout
Bootstrap 5 Components
Forms
Utility Classes
Along with the concepts of Bootstrap 5Â you will also find some interesting Assignments in this course which will help you to enrich your skills.

If you haven't enroll in the course till now, Enroll now to scale up your Web Development skills & enjoy the course!
Thank You!

Who this course is for:
Any one can take this Course

User Reviews

Rating

average 0

Total votes0

Focused display

Bootstrap

FlexiBrains Global

Instructor's Courses

FlexiBrains is a Education Community which mainly works in training to the students to improve their skills in both technical and non-technical fields.Before starting online education community we were arranging offline workshops & we arranged 350+ workshops in different universities and now we are started our online education community on Udemy where we are scheduling software industry related courses.All courses scheduled by FlexiBrains on Udemy are created by particular Industry Expert/s. Currently we are posting courses related to Web Development, Data Science, Artificial Intelligence Etc. & More Courses to come.Join Us & Enjoy !

Udemy

View courses Udemy

Students take courses primarily to improve job-related skills.Some courses generate credit toward technical certification. Udemy has made a special effort to attract corporate trainers seeking to create coursework for employees of their company.