Comments (5)
Thanks for the reproducible use case @Batman08
Here's how to fix that: https://codepen.io/julien-deramond/pen/ExJYJoM
Adding an extra <div>
surrounding the button, it messes with the CSS rules for the alignment.
Instead, you can add for example the data-bs-theme="dark"
directly higher in the existing <div>
:
<div class="modal-header bg-dark" data-bs-theme="dark">
<h1 class="modal-title fs-5 text-white" id="exampleModalIssueLabel">Modal Issue</h1>
<button type="button" class="btn-close" aria-label="Close"></button>
</div>
from bootstrap.
Have the same problem since 5.3.3 but even not in dark mode.
from bootstrap.
Hello @Batman08. Bug reports must include a live demo of the issue. Per our contributing guidelines, please create a reduced test case on CodePen or StackBlitz and report back with your link, Bootstrap version, and specific browser and Operating System details.
from bootstrap.
Updated issue with live demo
from bootstrap.
Thank you for the suggested fix.
from bootstrap.
Related Issues (20)
- Carousel returns incorrect (reversed) directions HOT 3
- Loading of an image is failed under status heading in README.md HOT 1
- Support tables in cards (Gist provided)
- change-version.mjs should also change content aliases links HOT 2
- Quick click issue when during offcanvas opening
- Bootstrap SCSS on NPM does not generate bg-dark classes HOT 1
- Add a (missing) breakpoint larger than xxl HOT 3
- System Default Select Box Design HOT 1
- 5.3.3 introduces breaking style bug in modal-header compared to 5.3.2 HOT 7
- React Bootstrap doesn't let me set background color HOT 2
- [Feature Request] Outlined badges
- Tooltip misaligned Y HOT 2
- Offcanvas Backdrop Disappears On Wire:Click HOT 1
- looks like your example code don't work
- Switch Form Layout Depending on Screen Size
- Support for input range ticks HOT 1
- Range input slider thumb has default border radius from browsers
- border-primary shows wrong color (lighter color) HOT 2
- Popover event.preventDefault() for show.bs.popover: disables popover
- Completing a tab cycle inside a bootstrap modal will cause the page to scroll
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from bootstrap.