From: Mark Otto Date: Fri, 31 Jul 2020 19:38:17 +0000 (-0700) Subject: Update copy around breakpoint sizing (#31382) X-Git-Tag: v5.0.0-alpha2~155 X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=2a3e487dba91f90cdd4c604797c5a7dc3294a2b1;p=thirdparty%2Fbootstrap.git Update copy around breakpoint sizing (#31382) * Update copy around breakpoint sizing Fixes #31288 * Update breakpoints.md * Further copy changes Co-authored-by: XhmikosR --- diff --git a/site/content/docs/5.0/layout/breakpoints.md b/site/content/docs/5.0/layout/breakpoints.md index 3d61ad67cd..c910867f64 100644 --- a/site/content/docs/5.0/layout/breakpoints.md +++ b/site/content/docs/5.0/layout/breakpoints.md @@ -61,7 +61,7 @@ Bootstrap includes six default breakpoints, sometimes referred to as _grid tiers -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. @@ -202,4 +202,3 @@ Which results in: // Apply styles starting from medium devices and up to extra large devices @media (min-width: 768px) and (max-width: 1199.98px) { ... } {{< /highlight >}} -