diff options
| author | Mark Otto <[email protected]> | 2016-09-26 00:54:10 -0700 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2016-09-26 00:54:10 -0700 |
| commit | 3dc4b3647ce2b27b0216fe8103253ffe9633fde9 (patch) | |
| tree | ed483b5663b93e5d72d2adf0049d981babae8204 /docs/utilities | |
| parent | 6181cf9d5d49f12fbff8cd63418828c36e76fd7e (diff) | |
| download | bootstrap-3dc4b3647ce2b27b0216fe8103253ffe9633fde9.tar.xz bootstrap-3dc4b3647ce2b27b0216fe8103253ffe9633fde9.zip | |
Rename pull-*-{left|right} classes to .float-*-left and .float-*-right
Diffstat (limited to 'docs/utilities')
| -rw-r--r-- | docs/utilities/clearfix.md | 4 | ||||
| -rw-r--r-- | docs/utilities/responsive-helpers.md | 22 |
2 files changed, 13 insertions, 13 deletions
diff --git a/docs/utilities/clearfix.md b/docs/utilities/clearfix.md index 8ebf214d2..e63ba3cda 100644 --- a/docs/utilities/clearfix.md +++ b/docs/utilities/clearfix.md @@ -33,7 +33,7 @@ The following example shows how the clearfix can be used. Without the clearfix t {% example html %} <div class="bg-info clearfix"> - <button class="btn btn-secondary pull-xs-left">Example Button pulled left</button> - <button class="btn btn-secondary pull-xs-right">Example Button pullred right</button> + <button class="btn btn-secondary float-xs-left">Example Button pulled left</button> + <button class="btn btn-secondary float-xs-right">Example Button pullred right</button> </div> {% endexample %} diff --git a/docs/utilities/responsive-helpers.md b/docs/utilities/responsive-helpers.md index b9c76d59d..13ae8a56d 100644 --- a/docs/utilities/responsive-helpers.md +++ b/docs/utilities/responsive-helpers.md @@ -46,25 +46,25 @@ Aspect ratios can be customized with modifier classes. These utility classes float an element to the left or right, or disable floating, based on the current viewport size using the [CSS `float` property](https://developer.mozilla.org/en-US/docs/Web/CSS/float). `!important` is included to avoid specificity issues. These use the same viewport width breakpoints as the grid system. -Two similar non-responsive Sass mixins (`pull-left` and `pull-right`) are also available. +Two similar non-responsive Sass mixins (`float-left` and `float-right`) are also available. {% example html %} -<div class="pull-xs-left">Float left on all viewport sizes</div><br> -<div class="pull-xs-right">Float right on all viewport sizes</div><br> -<div class="pull-xs-none">Don't float on all viewport sizes</div><br> - -<div class="pull-sm-left">Float left on viewports sized SM (small) or wider</div><br> -<div class="pull-md-left">Float left on viewports sized MD (medium) or wider</div><br> -<div class="pull-lg-left">Float left on viewports sized LG (large) or wider</div><br> -<div class="pull-xl-left">Float left on viewports sized XL (extra-large) or wider</div><br> +<div class="float-xs-left">Float left on all viewport sizes</div><br> +<div class="float-xs-right">Float right on all viewport sizes</div><br> +<div class="float-xs-none">Don't float on all viewport sizes</div><br> + +<div class="float-sm-left">Float left on viewports sized SM (small) or wider</div><br> +<div class="float-md-left">Float left on viewports sized MD (medium) or wider</div><br> +<div class="float-lg-left">Float left on viewports sized LG (large) or wider</div><br> +<div class="float-xl-left">Float left on viewports sized XL (extra-large) or wider</div><br> {% endexample %} {% highlight scss %} // Related simple non-responsive mixins .element { - @include pull-left; + @include float-left; } .another-element { - @include pull-right; + @include float-right; } {% endhighlight %} |