Related issues
Closes #36857
Description
This PR suggests to add a StackBlitz edit button for each Bootstrap example.
TODO: add more details to explain the technical solution
Motivation & Context
TODO
Type of changes
-
New feature (non-breaking change which adds functionality)
Checklist
-
I have read the contributing guidelines -
My code follows the code style of the project (using npm run lint
) -
My change introduces changes to the documentation -
I have updated the documentation accordingly
Live previews
Manual tests
For each example, try the StackBlitz edit button and then check if the rendering is the same as within our docs: CSS, JS, etc.
- Album // Album RTL
- Blog // Blog RTL
- Carousel // Carousel RTL
- Cheatsheet // Cheatsheet RTL
- Checkout // Checkout RTL
-
Cover
-
⚠ ️ Missing.h-100
forhtml
.
-
-
Dashboard // Dashboard RTL
-
⚠ ️ Doesn't seem to work becauseindex.js
in StackBlitz is executed before the scripts in<script>
(index.html
)
-
- Dropdowns
- Features
- Footers
- Grid
- Headers
- Heroes
- Jumbotron
- List groups
- Modals
- Navbar bottom
- Navbar fixed
- Navbar static
- Navbars
- Navbars offcanvas
- Offcanvas navbar
- Pricing
- Product
- Sidebars
- Sign-in
- Starter template
-
Sticky footer
-
⚠ ️ Can't work because it needsclass="h-100"
on thehtml
tag which is not possible in StackBlitz since this class is overriden. Do we remove the StackBlitz edit button?
-
- Sticky footer navbar
Remaining things to do
-
Handle 404 errors when using fetch
-
Handle extra JS files -
Handle RTL (CSS) -
Handle RTL (JS) -
Check how to handle relative URL like /docs/5.2/assets/brand/bootstrap-logo.svg
in the body -
Rebase this branch onto main
when https://github.com/twbs/bootstrap/pull/37267 will be merged -
If https://github.com/twbs/bootstrap/pull/37498 is merged, propagate the same modification in this PR -
Remove the bootstrap-bundle.min.js
in `