arrow_back
Introduction to Bootstrap
Difference between Bootstrap 3 and Bootstrap 4
Bootstrap 4 File Structure
Bootstrap 4 - Environment Setup
#module 1
#ASSIG - 1
quiz 1
Container and grid classes
Bootstrap 4 Containers
Bootstrap Grid - Large Devices Classes(lg for Desktop)
Bootstrap Grid - Medium Devices(md)
Bootstrap Grid - Small Devices & Extra Small Devices (sm,col)
Auto Layout Columns
#ASSIG - 2
#module 2
quiz 1
Text and background classes
Bootstrap Typography Classes (Bold ,Italic, Normal, Break Text)
Bootstrap Typography Text Alignment Classes.
Bootstrap Text Color Classes
Bootstrap Background Classes
#ASSIG - 3
module 03
quiz 1
Table classes
Bootstrap Table Classes(Basic Table, Striped Table, Bordered Table , Hover Table)
Bootstrap Table Classes(Black/Dark Table , Dark Striped Table , Hoverable Dark Table ,Borderless Table)
Bootstrap Table Contextual Classes
Bootstrap Tables Responsive
#ASSIG - 4
module 04
quiz 1
Image classes
Bootstrap Images Class
Bootstrap Jumbotron Class
quiz 1
#ASSIG - 5
#module 5
Alert classes
Bootstrap Alert Class
Bootstrap Closing Alerts & Link Classes
quiz 1
#ASSIG - 6
#module 6
Button classes
Bootstrap Buttons Classes
Button Groups
Button Sizes
Spinner Buttons
Button Outline
Bootstrap Badges
Bootstrap Spinners
quiz 1
#ASSIG - 7
#module 7
List classes
Bootstrap List Groups
quiz 1
#ASSIG - 8
#module 8
Card classes
Bootstrap Basic Card
Bootstrap Card with Image
#ASSIG - 9
#module 9
quiz 1
Pagination & Breadcrumbs Classes
Basic Pagination
Basic Pagination - Active-Disable State
Pagination Sizing
Pagination Alignment
Breadcrumbs
quiz 1
#ASSIG - 10
#module 10
Bootstrap Collapse
Bootstrap simple Collapse
Collapse Accordion
quiz 1
#ASSIG - 11
#module 11
Bootstrap Progress Bar
Bootstrap Basic Progress Bars
Bootstrap Colored Progress Bars
Bootstrap Striped Progress Bars
Bootstrap Animated & Multiple Progress Bars
quiz 1
#ASSIG - 12
#module 12
Bootstrap Dropdown
Simple DropDown
Dropdown Divider & Header
Disable & Active items & Dropdown Position
Grouped Button With a Dropdown
#module 13
#ASSIG - 13
quiz 1
Bootstrap Utility
Borders Classes
Border Radius
Float and Clearfix
Spacing
Block-None Elements
quiz 1
#ASSIG - 14
#module 14
Flex
Bootstrap Flex
Fill / Equal Widths & Grow & Order
quiz 1
#ASSIG - 15
#module 15
Bootstrap Forms
Bootstrap Form
Bootstrap Inline Form
"Bootstrap Form Inputs "
quiz 1
#ASSIG - 16
#module 16
Carousel Slider
Carousel Slider
Create a Simple Carousel Slider
Simple Carousel Slider With Indicators
Left and right controls
quiz 1
#ASSIG - 17
#module 17
Bootstrap Tooltip & Popover
Bootstrap Tooltip
Bootstrap Tooltip Placement
Bootstrap Popover
quiz 1
#ASSIG - 18
#module 18
Bootstrap Navs
Basic Horizontal Menu
Aligned Nav
Navigation Tabs
Toggleable Dynamic Tabs
Bootstrap Pills
Toggleable Dynamic Pills
#ASSIG - 19
#module 19
quiz
Navigation Bar
Basic Navigation Bar
Navigation Brand / Logo
Collapsible Navbar
Fixed Navigation Bar
#ASSIG - 20
#module 20
quiz 1
Bootstrap Modal
Basic Bootstrap Modal
Bootstrap Header & Body
Add Animation in Modal
Close current and open a new modal window
"Modal Size "
quiz 1
#ASSIG - 21
#module 21
How do I use Font Awesome via CDN
How do I use Font Awesome via CDN
quiz 1
#ASSIG - 22
Project 1 – Service Based Business Theme
Service Based Business Theme Introduction
Header & Navigation Section
Banner Section
About Us
Our Services
Team Section
Call To Action
CONTACT Section
Footer Section
Footer Bottom Section & Link Menu Items
Project 2 - Adventure Based Theme
Adventure Based Theme Introduction
Header & Nav Section
Slider Section
About Section
Features Section
Contact Section
Foote Section
Book Now Modal
"Project 3 – Blog based Theme "
Blog Based Theme Introduction
Header Section
Nav & Collapse Menu
Blog Listing Section
Slidebar Section
Footer Section
Single Detail Section
Comment List & Comment Form Section
"Project 4 –Resume based Theme "
Resume based Theme Introduction
Header & Nav Section
Name Section
Porfolio Section
About Section
Contact Us Section
Footer Section
Create an On Scroll Fixed Header