From feb35b94a61c4d6016be8d1773a79a6bbe57d856 Mon Sep 17 00:00:00 2001
From: Mark Otto <markd.otto@gmail.com>
Date: Sat, 8 Apr 2017 15:14:52 -0700
Subject: Revert "Drop width from sizing utils given .col- classes can do the
 same thing (follow up to #22376)"

This reverts commit 2f21403a933336f7cb01c86bf3c650490bc658a6.
---
 docs/utilities/sizing.md | 13 ++++++++++---
 1 file changed, 10 insertions(+), 3 deletions(-)

(limited to 'docs')

diff --git a/docs/utilities/sizing.md b/docs/utilities/sizing.md
index 782186c97..eabb4653a 100644
--- a/docs/utilities/sizing.md
+++ b/docs/utilities/sizing.md
@@ -4,9 +4,16 @@ title: Sizing
 group: utilities
 ---
 
-Easily make an element as tall (relative to its parent) with our height utilities. Includes support for `25%`, `50%`, `75%`, and `100%` by default. Mix and match with our existing grid classes for controlling `width`.
+Easily make an element as wide or as tall (relative to its parent) with our width and height utilities. Includes support for `25%`, `50%`, `75%`, and `100%` by default.
 
-Height utilities are generated from the `$sizes` Sass map in `_variables.scss`. Modify those values as you need to generate different utilities here.
+Width and height utilities are generated from the `$sizes` Sass map in `_variables.scss`. Modify those values as you need to generate different utilities here.
+
+{% example html %}
+<div class="w-25 p-3" style="background-color: #eee;">Width 25%</div>
+<div class="w-50 p-3" style="background-color: #eee;">Width 50%</div>
+<div class="w-75 p-3" style="background-color: #eee;">Width 75%</div>
+<div class="w-100 p-3" style="background-color: #eee;">Width 100%</div>
+{% endexample %}
 
 {% example html %}
 <div style="height: 100px; background-color: rgba(255,0,0,0.1);">
@@ -17,7 +24,7 @@ Height utilities are generated from the `$sizes` Sass map in `_variables.scss`.
 </div>
 {% endexample %}
 
-Use `max-width: 100%;` and `max-height: 100%;` utilities as needed.
+You can also use `max-width: 100%;` and `max-height: 100%;` utilities as needed.
 
 {% example html %}
 <img class="mw-100" data-src="holder.js/1000px100?text=Max-width%20%3D%20100%25" alt="Max-width 100%">
-- 
cgit v1.2.3