From dc3b09c8f38872ef8b792a4b551671a6105754cc Mon Sep 17 00:00:00 2001 From: Mario Date: Sat, 13 Jun 2020 10:00:50 +0000 Subject: composer update bootstrap --- .../bootstrap/site/docs/4.5/utilities/float.md | 57 ++++++++++++++++++++++ 1 file changed, 57 insertions(+) create mode 100644 vendor/twbs/bootstrap/site/docs/4.5/utilities/float.md (limited to 'vendor/twbs/bootstrap/site/docs/4.5/utilities/float.md') diff --git a/vendor/twbs/bootstrap/site/docs/4.5/utilities/float.md b/vendor/twbs/bootstrap/site/docs/4.5/utilities/float.md new file mode 100644 index 000000000..977beaeaf --- /dev/null +++ b/vendor/twbs/bootstrap/site/docs/4.5/utilities/float.md @@ -0,0 +1,57 @@ +--- +layout: docs +title: Float +description: Toggle floats on any element, across any breakpoint, using our responsive float utilities. +group: utilities +toc: true +--- + +## Overview + +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 breakpoints as our grid system. Please be aware float utilities have no effect on flex items. + +## Classes + +Toggle a float with a class: + +{% capture example %} +
Float left on all viewport sizes

+
Float right on all viewport sizes

+
Don't float on all viewport sizes
+{% endcapture %} +{% include example.html content=example %} + +## Mixins + +Or by Sass mixin: + +{% highlight scss %} +.element { + @include float-left; +} +.another-element { + @include float-right; +} +.one-more { + @include float-none; +} +{% endhighlight %} + +## Responsive + +Responsive variations also exist for each `float` value. + +{% capture example %} +
Float left on viewports sized SM (small) or wider

+
Float left on viewports sized MD (medium) or wider

+
Float left on viewports sized LG (large) or wider

+
Float left on viewports sized XL (extra-large) or wider

+{% endcapture %} +{% include example.html content=example %} + +Here are all the support classes; + +{% for bp in site.data.breakpoints %} +- `.float{{ bp.abbr }}-left` +- `.float{{ bp.abbr }}-right` +- `.float{{ bp.abbr }}-none`{% endfor %} -- cgit v1.2.3