
Bootstrap 5 Complete Course
Course Description
OVERVIEW:
After completing the course on Bootstrap 5 you will be able to create Responsive website using Bootstrap classes. You will learn how to apply style to your website using css. You will be able to use bootstrap classes to style your website. You will also learn how to use pre built in Components of Bootstrap.
INTRODUCTION:
Bootstrap is the most popular HTML, CSS and JS library in the world. It is used to create awesome and responsive websites. You can use it with any of the modern framework in order to create nice looking and mobile first websites. Bootstrap have pre built in classes which you can use to style your website.
It also has pre built in components like Navigation bar, Cards, Progress bar etc. which you can use to save your time in order to create your website.
PREREQUISITES:
Before starting this course, you should have a working knowledge of Following:
- Basic knowledge of HTML, CSS and JavaScript.
This training is compatible with Windows 7, Windows 8, Windows 8.1, Windows 10, Windows 11, and the MAC operating system.
CERTIFICATION:
You are hereby advised to visit www.virtualacademy.pk and get yourself certified in Bootstrap 5 Beginner to Advance, furthermore you'll have to meet the following criteria for earning this particular Registered Certification.
- You will have to complete all 33 lessons through Virtual Academy Online Learning Management System at www.virtualacademy.pk.
- Every lesson has 3 to 5 quizzes, which you must have to pass with 70% marks.
- You need to submit your project/assignments on time.
- After completion of Virtual Academy offered Bootstrap 5 Basic to Advanced Training lessons via www.virtualacademy.pk Online Learning Management System there will be final exam which comprises of 50 to 100 questions.
After having assessment of your account with www.virtualacademy.pk whether you meet all the above terms and conditions, then we will dispatch your Certificate/Diploma at your given address.
Course Contents
1. Introduction
- What is Bootstrap
- How to add bootstrap in your projects?
2. Utility Classes
- Colors and background colors
- Margin and padding classes.
- Text related classes
- Display classes
- Borders
- Flex
3. Content
- Typography
- Images
4. Layout
- Breakpoints
- Bootstrap grid Classes
- Containers
5. Forms
- Form control
- Checks and Radios
- Form Layout
- Select
5. Components
- Accordion
- Alerts
- Buttons
- Button group
- Card
- Carousal
- Collapse
- Dropdown
- Navbar
- Pagination
- Progress bar
- Scroll spy
- Spinners
Final Exam and Certification
Course Curriculum
- 1. Bootstrap Course Introduction
- 2. What is Bootstrap – Beginner Guide
- 3. Bootstrap Environment Setup
- 4. Link Bootstrap with HTML
No Quiz For This Chapter.
No Notes available for this chapter
- 1. Colors in Bootstrap 5
- 2. Buttons in Bootstrap
- 3. Typography in Bootstrap
- 4. Breakpoints in Bootstrap
- 5. Display Property
- 6. Borders and Shadows
- 7. Margins and Padding
No Quiz For This Chapter.
No Notes available for this chapter
- 1. Grid System Basics
- 2. Responsive Grid
- 3. Grid Alignment
- 4. Offsetting Columns
No Quiz For This Chapter.
No Notes available for this chapter
- 1. Forms in Bootstrap
- 2. Checkboxes and Radios
- 3. Input Group
- 4. Forms with Grid
No Quiz For This Chapter.
No Notes available for this chapter
- 1. Navs and Tabs
- 2. Nav with Flexbox
- 3. Navbar in Bootstrap
No Quiz For This Chapter.
No Notes available for this chapter
- 1. List Group
- 2. Cards in Bootstrap
- 3. Cards Layout Design
- 4. Breadcrumbs
- 5. Progress Bar
- 6. Pagination
- 7. Button Group
No Quiz For This Chapter.
No Notes available for this chapter
- 1. Dropdown in Bootstrap
- 2. Collapse Component
- 3. Scroll Spy
- 4. Carousel in Bootstrap
- 5. Spinners in Bootstrap
No Quiz For This Chapter.
No Notes available for this chapter