Utilities

Background bg-body background class is introduced in Bootstrap 5.bg-[primary, secondary, success, danger, warning, info, light, dark, body, white, transparent] Background Gradient […]

Read More

Component & Helpers

Components New Components Most components have been updated and polished. Here are some noticeable highlights: Accordion works exactly like a Collapse […]

Read More

Forms: New Elements

Datalists A new form element that has been is introduced in Bootstrap 5.Datalists allow you to create a group of […]

Read More

Forms

Main Structure The form-group class has been removed in Bootstrap 5.Now, a form control unit is consisted of 3 main elements placed […]

Read More

Content Styling

Headings .h[1,2,3,4,5,6].display-[1,2,3,4,5,6] Inline Text Lead Text: .leadHighlight: <mark> or .markStrike: <del> or <s> or .text-decoration-line-throughUnderline: <ins> or <u> or .text-decoration-underlineSmall: <small> or .smallBold: […]

Read More

Layout: Column Content Alignment

Vertical Alignment Align Content on Rows with .align-items-*.row .align-items-[start, center, end] Align Content on Columns with .align-self-*.col .align-self-[start, center, end] Horizontal Alignment Align columns horizontally using .justify-content-*.row […]

Read More

Layout: Basics

Grid Bootstrap main grid structure remains the same. Breakpoints In Bootstrap 5, xxl is introduced as a new screen size breakpoint.Here are […]

Read More

Getting Started

Bootstrap Project Structure: Styles Sass uses Dart Sass to compile scss source files.In your custom.scss, we encourage picking only the parts […]

Read More