Bootstrap 6 Alpha

If you're like me and have been occasionally checking the progress of v6, this was a pleasant surprise this morning.

Notable changes...

Requires Chrome and Edge 130, Firefox 132, and Safari 18 - light-dark(), :has(), container queries, oklch(), color-mix(), the native <dialog> element, and more.
JavaScript is now ESM-only - so the <script> tag needs type="module"
AI docs and skills files for working with LLMs
Big changes to the grid system, similar to how Tailwind does responsive.
New and improved JS components
- Accordions now use the native HTML <details> and <summary> elements
- Dropdowns have become Menus, built on Floating UI
- Nice improvements to the Carousel component, multiple items and 'peeking' are now possible
- New Nav overflow component - very cool
- New native Dialog component to replace modals
- New Drawer component to replace off-canvas
- Navbars far more flexible, especially on small screens, using Drawer also
- New Stepper component
- Tabs now have separate docs
- New Toggler component
Improved forms - New Datepicker (wrapper for https://vanilla-calendar.pro), OTP input, Password strength
Select is now Combobox
Better looking and animated form Switch
Big changes with Buttons - .btn-primary is now class="btn-solid theme-primary"
Theming should be far easier
Redesigned Bootstrap icons site, with more icons, now v1.13.2 - https://icons.getbootstrap.com

Migrating from v5 to v6 will be interesting, to say the least.

<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Bootstrap demo</title>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@6.0.0-alpha.1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-B/GM4XqrwHnWXNOWMbloTmrYXZg10cakYGmpfsR/bbzQ6JAJI4ihuyADKLnBgrCe" crossorigin="anonymous">
  </head>
  <body>
    <h1>Hello, world!</h1>
    <script type="module" src="https://cdn.jsdelivr.net/npm/bootstrap@6.0.0-alpha.1/dist/js/bootstrap.bundle.min.js" integrity="sha384-1a/pXj49ZQ1aHEmrJ+gMw1otqoVsYwlEnlD8mIfY2TV03r20Y0CN7uqx1tQogjPL" crossorigin="anonymous"></script>
  </body>
</html>

Blog post - https://blog.getbootstrap.com/2026/10/08/bootstrap-6-alpha/

Feedback - https://github.com/orgs/twbs/discussions/categories/v6-feedback

Issues - https://github.com/twbs/bootstrap/issues

Distribution files - https://github.com/twbs/bootstrap/releases/download/v6.0.0-alpha.1/bootstrap-6.0.0-alpha.1-dist.zip

Source files - https://github.com/twbs/bootstrap/archive/v6.0.0-alpha.1.zip

All versions - https://getbootstrap.com/docs/versions

Icons - https://github.com/twbs/icons/releases/download/v1.13.2/bootstrap-icons-1.13.2.zip