Add `.text-wrap` class.

this is the opposite of `.text-nowrap`, and a forces elements to wrap onto new lines.

One use case for this is extra long button text. Bootstrap buttons by default do no wrap, so this class could be used to override that behavior.

diff --git a/scss/utilities/_text.scss b/scss/utilities/_text.scss
index 7b5d26d048794e0d8876da80de73c69875ae837b..0edb8e58ba54a32b27cec8853e36c9a457ded64e 100644 (file)
--- a/scss/utilities/_text.scss
+++ b/scss/utilities/_text.scss
@@ -9,6 +9,7 @@
 // Alignment
 
 .text-justify  { text-align: justify !important; }
+.text-wrap     { white-space: normal !important; }
 .text-nowrap   { white-space: nowrap !important; }
 .text-truncate { @include text-truncate; }