Practical, no-nonsense guides to customizing Bootstrap 5.
Bootstrap is a free, open-source CSS framework for responsive, mobile-first sites. Learn what it does, what is new in 5.3, and how to get started.
ComparisonsA practical comparison of Bootstrap and Tailwind CSS: component framework versus utility-first, speed, design control, CSS size, and when to choose each.
AI themingUse AI to explore Bootstrap theme ideas, then turn the best direction into real Bootstrap 5 Sass variables for colors, type, spacing, radius, and dark mode.
CustomizationThe complete guide to customizing Bootstrap 5: the two ways to do it, what to change first, the Sass variable system, and exporting your theme.
CustomizationEvery Bootstrap 5 color and color class: hex codes for primary to dark, text-bg, subtle and emphasis classes, and how to change them with Sass.
CustomizationHow Bootstrap 5 Sass variables work: the !default system, the tiers and maps, Sass vs CSS variables, and the import order to override them correctly.
CustomizationSwap the Bootstrap font, load a Google Font, and tune the type scale: $font-family-base, $font-size-base, headings, and line height, visually or with Sass.
Color modesEnable Bootstrap 5.3 dark mode with data-bs-theme, add a light and dark toggle, customize the dark palette, and even build your own color mode.
AI UIBuild an AI chat interface with Bootstrap 5 using cards, forms, badges, spinners, offcanvas settings, accessible loading states, and themeable chat bubbles.
CustomizationShip your custom Bootstrap theme as Sass source for a build pipeline, or as compiled CSS you link with no build step, and where each file goes.
CustomizationBootstrap's full CSS is about 28 KB gzipped. Cut it down by importing only the partials you use, purging unused classes, and trimming utilities.
LayoutEvery Bootstrap 5 flex class in one table: d-flex, justify-content, align-items, flex-wrap, gap, order, d-md-flex, plus fixes when they don't work.
LayoutEvery Bootstrap 5 margin and padding class in one table: mt-3, pb-2, ms-auto, px-4, gap, negative margins, responsive spacing, and the 0 to 5 scale in rem.
LayoutCenter a div in Bootstrap 5 in one line: mx-auto horizontally, d-flex with justify-content-center and align-items-center for both, plus grid and text options.
LayoutHow the Bootstrap 5 grid works: the 12-column flexbox model, containers, rows and columns, breakpoints, offsets, gutters, and nesting.
HostingWhere to host a static HTML website the easy way: what static hosting is, what to look for, and how to publish your files in about a minute.
ComponentsAdd Bootstrap Icons by CDN or npm, use the icon font, inline SVG or sprite, change size and color, align icons with text, and fix icons that do not show.
LayoutBootstrap 5 breakpoints are 576, 768, 992, 1200 and 1400px. How to use them in classes, CSS and Sass mixins, change them, and what Bootstrap 6 changes.
ComponentsEvery Bootstrap 5 button class with examples: colors, outline, sizes, full width, disabled, icons, groups and toggles, plus custom colors with CSS or Sass.
ComponentsBootstrap 5 cards with examples: images, headers, colors, responsive card grids, equal heights, horizontal and clickable cards, and customizing with Sass.
ComponentsBuild a responsive Bootstrap 5 navbar: copy-ready markup, links on the right, dark and sticky navbars, dropdowns, offcanvas menus, and toggler fixes.
LayoutBootstrap 5 containers explained: container vs container-fluid, responsive containers, max widths at every breakpoint, and how to change the width.
ComponentsWorking Bootstrap 5 tabs to copy: nav-tabs, pills and underline styles, vertical tabs, fade, opening a tab from JavaScript or a URL, and fixes.
ComponentsCopy-ready Bootstrap 5 footers: a simple bar, multi-column links, a dark footer with icons, a newsletter form, and a footer that sticks to the bottom.
LayoutEvery Bootstrap 5 border and shadow class: border sides, colors and widths, rounded-1 to rounded-5, rounded-circle, shadow-sm to shadow-lg, and defaults.
ComponentsHow to enable Bootstrap 5 tooltips with one line of JavaScript, set placement, use HTML, show them on disabled buttons, style them, and fix common errors.
ComponentsBootstrap 5.3 checkboxes, radio buttons and switches: inline, toggle buttons, indeterminate, validation, custom colors and sizes, with copy-paste code.
ComponentsBootstrap 5.3 spinners: border and grow styles, sizes, colors, spinners in buttons, centering, overlays and showing a spinner while data loads.
LayoutBootstrap 5.3 images: img-fluid, object-fit cropping, rounded and circle images, centering, captions, responsive video embeds and fast loading.
ComponentsBootstrap 5.3 popovers: enabling them, placement, closing on the next click, hover and HTML content, disabled buttons, JavaScript methods and styling.
ComponentsBootstrap 5.3 progress bars: the new markup, labels, height, colors, striped and animated bars, stacked bars and updating a bar with JavaScript.
ComponentsBootstrap 5.3 toasts: showing a toast, positioning in a corner, stacking, colors, auto-hide timing, accessibility and creating toasts with JavaScript.
BasicsHow to use React Bootstrap 2.10 with Bootstrap 5.3: install in Vite or Next.js, navbar, modal, forms, routing, custom Sass themes and dark mode.
ComponentsBootstrap 5.3 modals: markup, sizes including the new modal-xxl, centered, scrollable and fullscreen modals, static backdrop, forms and the JS API.
ComponentsBootstrap 5.3 accordions: markup, keeping panels open, flush style, custom colors and icons, controlling panels with JavaScript and FAQ accordions.
ComponentsBootstrap 5.3 dropdowns: menu items, alignment, direction, split buttons, dark menus, forms inside dropdowns, hover menus and auto-close options.
ComponentsBootstrap 5.3 form-select: placeholders, sizes, multiple selection, validation, floating labels, custom arrows, reading values and searchable selects.
ComponentsBootstrap 5.3 pagination: active and disabled pages, previous and next, sizes, alignment, ellipses, phone layouts, styling, JavaScript and SEO.
ComponentsBootstrap 5.3 forms: form controls, grid and horizontal layouts, inline forms, floating labels, input groups, validation and file, range and color inputs.
ComponentsBootstrap 5.3 carousels: markup, autoplay, controls and indicators, captions, fade effect, timing, equal-height slides, JavaScript and accessibility.
ComponentsBootstrap 5.3 badges: colors, pill and subtle badges, badges in buttons and headings, notification counters, status dots and Bootstrap 4 class changes.
BasicsBootstrap 5.3.9 CDN links with integrity hashes, a starter template, Popper, RTL, ES modules, Bootstrap Icons, cdnjs links and when to use npm instead.
ComponentsBootstrap 5.3 tables: striped, hover, bordered and small tables, colored rows, responsive scrolling, alignment, sticky headers, and adding sorting.
LayoutBootstrap 5.3 columns explained: equal, sized and responsive columns, col-auto, offsets, reordering, row-cols card grids, gutters and nesting.
LayoutBuild a Bootstrap 5.3 sidebar: a dashboard layout that turns into an offcanvas menu on phones, a sticky sidebar, collapsible link groups and icons.
ComponentsBootstrap 5.3 alerts: colors, links and headings, dismissible alerts, icons, showing alerts from JavaScript, accessibility and custom colors.
ComponentsBootstrap 5.3 collapse: toggling content with buttons or links, horizontal collapse, multiple targets, collapse in forms and the JavaScript API.
BasicsBootstrap 5.3 typography: heading and display sizes, font weight, alignment, wrapping and truncation, text colors, lists, and responsive font sizes.
BasicsHow to use Bootstrap 5 with Vue 3: BootstrapVue vs BootstrapVueNext, install with Vite or Nuxt, navbar, modal, forms, tables, toasts and themes.
ComparisonsThe main CSS frameworks in 2026 compared: Bootstrap, Tailwind CSS, daisyUI, Flowbite, Bulma, Foundation, UIkit and Pico, with versions and usage.
LayoutFree Bootstrap 5 landing page templates compared, plus a free download and a step-by-step guide to building your own landing page with Bootstrap 5.3.
LayoutThe best free Bootstrap 5 admin and dashboard templates compared (AdminLTE, Tabler, CoreUI and more), plus how to build a dashboard with Bootstrap 5.3.