From ade2ab13418b2c86aa47a767533e542dc6589aff Mon Sep 17 00:00:00 2001 From: Chris Rebert Date: Sun, 22 Nov 2015 20:53:34 -0800 Subject: Remove non-responsive text alignment classes These can be replaced by their `.text-xs-*` parallels. This also avoids any complications from interactions between the responsive and non-responsive classes. (e.g. `
`) Refs #18300 [skip sauce] --- docs/components/utilities.md | 16 +++++++++++++--- 1 file changed, 13 insertions(+), 3 deletions(-) (limited to 'docs/components/utilities.md') diff --git a/docs/components/utilities.md b/docs/components/utilities.md index 3bc054774..8ed199a75 100644 --- a/docs/components/utilities.md +++ b/docs/components/utilities.md @@ -94,13 +94,23 @@ Assign `margin` or `padding` to an element or a subset of its sides with shortha Easily realign text to components with text alignment classes. {% example html %} -

Left aligned text.

-

Center aligned text.

-

Right aligned text.

Justified text.

No wrap text.

{% endexample %} +For left, right, and center alignment, responsive classes are available that use the same viewport width breakpoints as the grid system. + +{% example html %} +

Left aligned text on all viewport sizes.

+

Center aligned text on all viewport sizes.

+

Right aligned text on all viewport sizes.

+ +

Left aligned text on viewports sized SM (small) or wider.

+

Left aligned text on viewports sized MD (medium) or wider.

+

Left aligned text on viewports sized LG (large) or wider.

+

Left aligned text on viewports sized XL (extra-large) or wider.

+{% endexample %} + ## Text transform Transform text in components with text capitalization classes. -- cgit v1.2.3