Bootstrap Update and Roadmap – April 2025 #41370
Replies: 5 comments 5 replies
-
Just a heads up that to everyone that I edited Julien's post here to add a note to v5.5.0 and Sass Modules. I'd LOVE to make that happen, and I've already done it in the v6 dev branch, but it did come with a lot of changes. TBD if we can for sure make it happen, but I wanted to be transparent and flag that here. |
Beta Was this translation helpful? Give feedback.
-
Thanks @julien-deramond , you and the team are doing an amazing work. |
Beta Was this translation helpful? Give feedback.
-
Do you need help with moving to SaaS module system? I feel like it's a 1-day job for me:) |
Beta Was this translation helpful? Give feedback.
-
Comment faire pour migrer ???
|
Beta Was this translation helpful? Give feedback.
-
Shouldn't that say |
Beta Was this translation helpful? Give feedback.
Uh oh!
There was an error while loading. Please reload this page.
Uh oh!
There was an error while loading. Please reload this page.
-
Hey Bootstrap community!
We know things have felt a bit quiet lately. That’s mainly because the core team works on Bootstrap in their spare time—and sometimes, that time just isn’t there. But despite that, we’ve made meaningful progress, especially on Sass compatibility issues.
✅ v5.3.4: Sass Deprecation Warning Fixes
One of the main updates in Bootstrap v5.3.4 (and the quick follow-up v5.3.5) was to resolve the Sass deprecation warnings introduced in Sass v1.77.7.
We’ve patched our code to prevent these warnings from showing up when using Sass versions up to 1.78.0. If you stay on that version or below, you shouldn’t see any deprecation warnings.
📝 Note: Sass deprecated several features starting in 1.77.x. They will become breaking in Sass v2.
🔧 If You're Still Seeing Warnings...
If you’re compiling Bootstrap Sass and seeing deprecation warnings, here are your options:
It's not released yet, but our documentation, from v5.3.6, will temporarily include solutions for tools like Parcel, Webpack, and Vite in our 'next' documentation, or directly in our Bootstrap examples:
🧨 Sass 1.79.x Introduced a Breaking Change
Starting with Sass 1.79.x, things get trickier: the
red()
,green()
, andblue()
functions were deprecated in favor ofcolor.channel()
. Unfortunately:color.channel()
isn’t supported by Node SassThis means: to fix these and other Sass deprecation issues coming from 1.80+, we have to drop Node Sass support.
🪄 Step 1: Moving Docs from Hugo to Astro
Our documentation currently uses Hugo, which depends by default on Node Sass. That’s a blocker.
We’re migrating to Astro, which fully supports Dart Sass (and for other reasons as well):
🔧 PR in progress: #41251
This will be released in v5.3.6 (or another v5.3.x), a patch release, since it doesn't impact how Bootstrap works—just the way we build and ship the docs.
This is our primary focus at the time of writing.
Once that’s done, we'll fix bugs quickly in follow-ups like v5.3.7, v5.3.8, etc. Community help testing this will be hugely appreciated! 🙏
✨ v5.4.0: Final Feature Release
After the docs work wraps up, we’ll ship v5.4.0, the last Bootstrap 5 release with new features.
Many of the PRs for this have already been reviewed and are ready to merge. We still need to go through a triage phase for the v5.4.0 GitHub project, but the goal is to keep that process lightweight and not spend too much time on it.
🔥 v5.5.0: Dropping Node Sass & Switching to Sass Modules
Warning
Update from @mdo on 4/13/25: We’d really love to make getting on Sass modules into a v5.x release, but it'll all depend on the amount of changes necessary. If we can't do it, this will move to a v6 release.
After v5.4, we’ll ship v5.5.0, which will:
@use
,@forward
)This will be a breaking change for Sass users, but it’s necessary for long-term compatibility.
Sass users will need to:
@use
instead of@import
@use "sass:color"
,@use "sass:math"
That’s a big change that needs to happen really soon, but we believe it’s manageable with clear communication.
🔭 Looking Ahead: Bootstrap v6
We have started the development of Bootstrap v6, and we want it to be more than just a technical update—it should reflect a new philosophy or vision for Bootstrap.
That’s why:
TL;DR – Bootstrap Release Roadmap
Beta Was this translation helpful? Give feedback.
All reactions