From 2a3e487dba91f90cdd4c604797c5a7dc3294a2b1 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Fri, 31 Jul 2020 12:38:17 -0700 Subject: [PATCH] Update copy around breakpoint sizing (#31382) * Update copy around breakpoint sizing Fixes #31288 * Update breakpoints.md * Further copy changes Co-authored-by: XhmikosR --- site/content/docs/5.0/layout/breakpoints.md | 3 +-- 1 file changed, 1 insertion(+), 2 deletions(-) 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 >}} -