Prepare this repository for Bootstrap v6 - #997
Draft
julien-deramond wants to merge 1 commit into
Draft
Conversation
julien-deramond
force-pushed
the
v6-dev
branch
5 times, most recently
from
September 1, 2026 10:15
ee9cc40 to
475057c
Compare
Migrate all examples except react-nextjs (blocked on React Bootstrap v6 support) to Bootstrap v6: - Point the bootstrap dependency at github:twbs/bootstrap#v6-dev (v6 alpha isn't published to npm/CDN yet) and swap @popperjs/core for @floating-ui/dom - Convert Sass from @import to @use, updating partial paths and variable overrides to v6's config/theme token system - Update markup and classes per Bootstrap's v5-to-v6 migration guide: offcanvas -> drawer, dropdown -> menu, btn-primary/secondary -> btn-solid/btn-outline + theme-*, text-* -> fg-*, fs-1..6 -> t-shirt sizes, bg-light/bg-dark -> the neutral bg-* scale, navbar-dark -> data-bs-theme, and the navbar's collapse toggle -> drawer - Point docs links at the v6-dev Netlify preview (v6-dev--twbs-bootstrap.netlify.app) instead of getbootstrap.com/docs/5.3 - Update READMEs (including root) with a v6-dev preview notice and branch-aware links react-nextjs keeps Bootstrap 5 and react-bootstrap@2 since react-bootstrap has no Bootstrap v6-compatible release yet and its components render their own v5 markup; its README documents this. Refs #996 Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
julien-deramond
force-pushed
the
v6-dev
branch
from
September 1, 2026 10:18
475057c to
04e94d6
Compare
5 tasks
Member
Author
|
This PR is not to be merged as it will live as |
This was referenced Sep 1, 2026
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Summary
Sets up the
v6-devbranch per #996, so this repo tracks Bootstrap'sv6-devbranch the same way it tracks the stable release onmain.bootstrapviagithub:twbs/bootstrap#v6-dev(v6 alpha isn't on npm/CDN yet) and swap@popperjs/corefor@floating-ui/dom.@importto@use, with variable overrides ported to v6'sconfig/themetoken system.silenceDeprecationsinwebpack.config.js/vite.config.js, andparcel/.sassrc.js) — those existed only to hide warnings from v5's legacy@import-based Sass, which v6's@use-based Sass doesn't trigger. Verifiednpm run buildis warning-free in every example after removing them.offcanvas→drawer,dropdown→menu(including visible copy, not just classes), button/text/background utility renames,fs-1..6→ t-shirt sizes, and the navbar's collapse toggle now opens a drawer.--body-color/--body-bgoverride doesn't exist as a real v6 token (it's--fg-body/--bg-body, generated from$theme-fgs/$theme-bgs), so it was a silent no-op — on a system with a dark OS preference, examples rendered with dark-mode text over a light background. Fixed by using the real token names and pinningdata-bs-theme="light"where the example intends one fixed light look;color-modesinstead drops the override entirely since it needs--bg-body/--fg-bodyto keep following its own picker.v6-devNetlify preview (v6-dev--twbs-bootstrap.netlify.app) instead ofgetbootstrap.com/docs/5.3.main.react-nextjsis removed from this branch (still present onmain). It depends on React Bootstrap, which has no Bootstrap v6-compatible release yet — its3.0.0-betaline still targets Bootstrap 5 markup — and since its components render their own DOM, pairing it with v6's CSS breaks styling entirely (verified: Offcanvas/Dropdown rendered completely unstyled). Rather than ship a broken example or leave a Bootstrap-5-only outlier sitting in an otherwise-v6 branch, it's removed here until either React Bootstrap ships v6 support, or it's rewritten to use plain Bootstrap markup instead (like every other example in this repo already does), dropping the React Bootstrap dependency.Test plan
npm install && npm test/npm run buildpasses with zero warnings (Sass or otherwise) in each examplebg-2in place ofbg-light, are judgment calls made without an official migration example to copy)react-nextjs's path forward (wait on React Bootstrap vs. rewrite without it)🤖 Generated with Claude Code