Professional Bootstrap course covering responsive design, grid system, components, utilities, customization, and modern UI development.
Create mobile-first websites efficiently.
Includes practical projects and templates.
10-week duration, all skill levels – instant download.
Here we will learn :
Bootstrap – Home
Bootstrap – Overview
Bootstrap – Environment Setup
Bootstrap – RTL
Bootstrap – CSS variables
Bootstrap – Color modes
Curriculum
- 32 Sections
- 390 Lessons
- 10 Weeks
Expand all sectionsCollapse all sections
- Bootstrap - Home3
- Bootstrap - Overview6
- Bootstrap - Environment Setup4
- Bootstrap - RTL8
- Bootstrap - CSS variables9
- Bootstrap - Color modes5
- Bootstrap - Breakpoint8
- Bootstrap - Containers4
- Bootstrap - Grid system4
- Bootstrap - Columns14
- Bootstrap - Gutters8
- Bootstrap - Utilities5
- Bootstrap - CSS Grid16
- Bootstrap - Reboot22
- 14.1Overview
- 14.2Approach
- 14.3Page defaults
- 14.4Native font stack
- 14.5Headings
- 14.6Paragraphs
- 14.7Links
- 14.8Horizontal rules
- 14.9Lists
- 14.10Inline Code
- 14.11Code blocks
- 14.12Variables
- 14.13User input
- 14.14Sample output
- 14.15Tables
- 14.16Forms
- 14.17Pointers on buttons
- 14.18Misc elements Address
- 14.19Blockquote
- 14.20Inline elements
- 14.21Summary
- 14.22HTML5 hidden attribute
- Bootstrap - Typography20
- 15.1Overview
- 15.2Bootstrap Default / Global Settings
- 15.3Headings
- 15.4Customizing Headings
- 15.5Lead
- 15.6Abbreviations
- 15.7Blockquote
- 15.8Naming a Source
- 15.9Alignment
- 15.10Inline Text Elements
- 15.11Use of small
- 15.12Use of .text-decoration-underline
- 15.13Use of .text-decoration-line-through
- 15.14Use of del element
- 15.15Use of strong element
- 15.16Use of em element
- 15.17Lists Unstyled
- 15.18List Inline
- 15.19Description List Alignment
- 15.20Responsive Font Sizes
- Bootstrap - Accordion4
- Bootstrap - Alerts9
- Bootstrap - Badges9
- Bootstrap - Breadcrumb4
- Bootstrap - Buttons19
- 20.1Overview
- 20.2Base button
- 20.3Variants
- 20.4Variants – Example
- 20.5Disabled text wrapping
- 20.6Button tags
- 20.7Button tags – Example
- 20.8Outline button
- 20.9Button sizes
- 20.10Disabled state
- 20.11
- 20.12
- 20.13Link functionality caveat
- 20.14Link functionality caveat – Example
- 20.15Block buttons
- 20.16Block buttons – Example
- 20.17Button plugin
- 20.18Toggle states
- 20.19
- Bootstrap - Button Group13
- 21.1Overview
- 21.2Button Group – Basic Example
- 21.3Active Class
- 21.4Mixed styles
- 21.5Outlined styles
- 21.6Checkbox and radio button groups
- 21.7Radio button groups
- 21.8Button toolbar
- 21.9Sizing
- 21.10Nesting
- 21.11Vertical variation
- 21.12Vertical variation with dropdown menu
- 21.13Vertical button group with radio buttons
- Bootstrap - Card25
- 22.1Overview
- 22.2Basic card
- 22.3Content types
- 22.4Body
- 22.5Titles, text, and links
- 22.6Images
- 22.7List groups
- 22.8Card Header
- 22.9Card Footer
- 22.10Kitchen sink
- 22.11Sizing
- 22.12Using grid markup
- 22.13Using utilities
- 22.14Using custom CSS
- 22.15Text alignment
- 22.16Navigation
- 22.17Horizontal cards
- 22.18Card styles
- 22.19Border
- 22.20Mixins utilities
- 22.21Card layout
- 22.22Card group with footer
- 22.23Grid cards
- 22.24Grid cards with row-cols-3
- 22.25Grid cards with same height
- Bootstrap - Carousel12
- Bootstrap - Close Button3
- Bootstrap - Collapse7
- Bootstrap - Dropdowns32
- 26.1Overview
- 26.2Basic dropdown
- 26.3Dropdown Button
- 26.4Dropdown link
- 26.5Variant
- 26.6Split button
- 26.7Split button – Example
- 26.8Sizing
- 26.9Large dropdown button
- 26.10Small dropdown button
- 26.11Dark dropdown
- 26.12Dark dropdown in Navbar
- 26.13Directions
- 26.14Dropup
- 26.15Dropup centered
- 26.16Dropend
- 26.17Dropstart
- 26.18Menu items
- 26.19
- 26.20Active Menu
- 26.21Disabled Menu
- 26.22Menu alignment
- 26.23Right-aligned Dropdown Menu
- 26.24Responsive alignment
- 26.25Left-aligned but right aligned for large screen
- 26.26Right-aligned but left aligned for large screen
- 26.27Dropdown Header
- 26.28Dividers
- 26.29Text
- 26.30Forms
- 26.31Dropdown options
- 26.32Auto close behavior
- Bootstrap - List Groups15
- Bootstrap - Modals16
- 28.1Overview
- 28.2Modal components
- 28.3Static backdrop
- 28.4Scrollable modal
- 28.5Vertically centered
- 28.6Tooltips in modal
- 28.7Popover in modal
- 28.8Grid in modal
- 28.9Varying modal content
- 28.10Toggle between modals
- 28.11Change animation
- 28.12Modal with no animation
- 28.13Dynamic heights
- 28.14Accessibility
- 28.15Optional sizes
- 28.16Fullscreen modal
- Bootstrap - navbar36
- 29.1Overview
- 29.2How it works
- 29.3Basic navbar
- 29.4Bootstrap – navbar – Example
- 29.5Vertical navbar
- 29.6Centered navbar
- 29.7Navbar-brand
- 29.8Navbar Images
- 29.9Navbar Image and text
- 29.10Nav
- 29.11Navbar with dropdown
- 29.12Forms
- 29.13Navbar Form buttons
- 29.14Navbar Text
- 29.15Color schemes
- 29.16Color schemes – Example
- 29.17Containers
- 29.18Responsive Containers
- 29.19Placement
- 29.20Placement – Example
- 29.21Fixed top
- 29.22Fixed bottom
- 29.23Sticky top
- 29.24Sticky bottom
- 29.25Scrolling
- 29.26Scrolling – Example
- 29.27Responsive behaviors
- 29.28Toggler
- 29.29Brand name on the left and toggler on the right
- 29.30Brand name on the right and toggler on the left.
- 29.31External content
- 29.32Offcanvas
- 29.33Offcanvas – Example
- 29.34Navbar-expand-lg
- 29.35Offcanvas – Darknavbar
- 29.36Offcanvas – Darknavbar – Example
- Bootstrap - Navs and Tabs24
- 30.1Overview
- 30.2Base nav
- 30.3Base nav – Example
- 30.4Available styles
- 30.5Available styles – Example
- 30.6Justify-content-end
- 30.7Vertical Navigation
- 30.8Vertical Navigation without ul
- 30.9Tabs
- 30.10Pills
- 30.11Underline
- 30.12Fill and justify
- 30.13Nav-justified
- 30.14Working with flex utilities
- 30.15Working with flex utilities: Example
- 30.16Regarding accessibility
- 30.17Tabs with dropdowns
- 30.18Pills with dropdowns
- 30.19JavaScript behavior
- 30.20Vertical tabs
- 30.21Accessibility
- 30.22Using data attributes
- 30.23Via JavaScript
- 30.24Fade effect
- Bootstrap - Offcanvas16
- 31.1Overview
- 31.2Features
- 31.3Offcanvas components
- 31.4Offcanvas components – Example
- 31.5Offcanvas Demo
- 31.6Body scrolling
- 31.7Body scrolling – Example
- 31.8Body scrolling and backdrop
- 31.9Static backdrop
- 31.10Dark offcanvas
- 31.11Responsive
- 31.12Responsive – Example
- 31.13Classes for responsive offcanvas
- 31.14Placement
- 31.15Example for placement – top
- 31.16Accessibility
- Bootstrap - Pagination10
