rooty/Bootstrap
0
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2024-11-29 11:24:18 +01:00
Code Issues Actions Packages Releases Activity

Update copy around breakpoint sizing (#31382)

Browse Source 
* Update copy around breakpoint sizing

Fixes #31288

* Update breakpoints.md

* Further copy changes

Co-authored-by: XhmikosR <xhmikosr@gmail.com>
This commit is contained in:
Mark Otto 2020-07-31 12:38:17 -07:00 committed by GitHub
parent 16adcf2de9
commit 2a3e487dba
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 1 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
site/content/docs/5.0/layout/breakpoints.md
View File

@ -61,7 +61,7 @@ Bootstrap includes six default breakpoints, sometimes referred to as _grid tiers
</tbody> </tbody>
</table> </table>
Each breakpoint size was chosen to be a multiple of 12 and to be representative of a subset of common device sizes and viewport dimensions. They don't specifically target every use case or device, but the provide ranges provide a strong and consistent foundation to build on for any nearly device. Each breakpoint was chosen to comfortably hold containers whose widths are multiples of 12. Breakpoints are also representative of a subset of common device sizes and viewport dimensions—they don't specifically target every use case or device. Instead, the ranges provide a strong and consistent foundation to build on for nearly any device.
These breakpoints are customizable via Sass—you'll find them in a Sass map in our `_variables.scss` stylesheet. These breakpoints are customizable via Sass—you'll find them in a Sass map in our `_variables.scss` stylesheet.
@ -202,4 +202,3 @@ Which results in:
// Apply styles starting from medium devices and up to extra large devices // Apply styles starting from medium devices and up to extra large devices
@media (min-width: 768px) and (max-width: 1199.98px) { ... } @media (min-width: 768px) and (max-width: 1199.98px) { ... }
{{< /highlight >}} {{< /highlight >}}