root
/
bootstrap
mirror of https://github.com/twbs/bootstrap.git
1
0
Fork 0
Code Issues Actions 12 Packages Projects Releases Wiki Activity

Remove obsolete mediaqueries breakpoints callout
BrowserStack / browserstack (push) Has been cancelled Details 

Co-authored-by: mdo <98681+mdo@users.noreply.github.com>
This commit is contained in:
copilot-swe-agent[bot] 2025-10-01 03:28:47 +00:00
parent 942fea4abe
commit 95d74398d7
2 changed files with 0 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
site/src/content/callouts/info-mediaqueries-breakpoints.md
View File

@ -1 +0,0 @@
**Using range context queries:** Bootstrap now uses [range context queries](https://www.w3.org/TR/mediaqueries-4/#range-context) for improved precision and modern CSS media query syntax. The range syntax like `(width >= 768px)` eliminates the need for fractional pixel adjustments that were previously required with `min-` and `max-` prefixes.

2
site/src/content/docs/layout/breakpoints.mdx
View File

@ -132,8 +132,6 @@ These mixins use the breakpoint values to create `max-width` media queries using
@media (width < 1400px) { ... }
```
<Callout name="info-mediaqueries-breakpoints" type="warning" />
### Single breakpoint
There are also media queries and mixins for targeting a single segment of screen sizes using the minimum and maximum breakpoint widths.