GS
Grid System
Responsive layout system using rows and columns.
Bootstrap Concepts for Practical Learning
30 Concepts Explained
BC
Bootstrap Components
Pre-built UI elements like buttons, modals, and navbars.
U
Utilities
Helper classes for spacing, colors, and alignment.
B
Breakpoints
Predefined screen sizes used for responsive layouts.
T
Themes
Customizable styles and UI variations using Bootstrap variables.
BF
Bootstrap Forms
Form controls, labels, and layout utilities for building responsive forms.
D
Dropdowns
Toggleable menus for navigation or actions triggered by buttons or links.
N
Navs
Navigation components styled as tabs, pills, or plain links.
BP
Bootstrap Pagination
Navigation for multi-page content with active and disabled states.
C
Cards
Flexible content containers for text, images, and links.
C
Carousel
Slideshow component for cycling through images or content.
M
Modal
Dialog boxes overlaying page content for alerts, forms, or information.
C
Collapse
Toggles visibility of content sections dynamically.
P
Popovers
Overlay content boxes with headings and links triggered by clicks.
S
Spinners
Loading indicators showing ongoing processes with border or grow styles.
C
Colors
Provides contextual text and background color classes.
BT
Bootstrap Tables
Styled tables with striped rows, borders, hover effects, and responsive wrapping.
BG
Button Groups
Groups multiple buttons together for toolbars or segmented controls.
B
Badges
Small count or label indicators used to highlight new or unread items.
PB
Progress Bars
Visual representation of task completion with striped and animated styles.
T
Tooltips
Small pop-up boxes showing informative text on hover or focus.
TN
Toast Notifications
Lightweight notifications that auto-dismiss after a short time.
T
Typography
Defines text styles, headings, paragraphs, and alignment utilities.
FV
Form Validation
Built-in validation styles to highlight valid and invalid fields.
B
Buttons
Contextual button styles with different sizes and states.
N
Navbar
Responsive navigation header with branding, links, and dropdowns.
A
Alerts
Contextual feedback messages for user actions with dismissible options.
LG
List Groups
Flexible components for displaying lists of content with badges and links.
A
Accordion
Stacked collapsible sections allowing one open at a time.
I
Icons
SVG-based icon library covering common UI needs.