From 54fa28441c5f0bdcd9687615f4a6b7a0fab024a3 Mon Sep 17 00:00:00 2001 From: Mario Vavti Date: Fri, 7 Sep 2018 11:26:02 +0200 Subject: install bootstrap via composer --- .../bootstrap/site/docs/4.1/utilities/float.md | 57 ++++++++++++++++++++++ 1 file changed, 57 insertions(+) create mode 100644 vendor/twbs/bootstrap/site/docs/4.1/utilities/float.md (limited to 'vendor/twbs/bootstrap/site/docs/4.1/utilities/float.md') diff --git a/vendor/twbs/bootstrap/site/docs/4.1/utilities/float.md b/vendor/twbs/bootstrap/site/docs/4.1/utilities/float.md new file mode 100644 index 000000000..ec05d3ec7 --- /dev/null +++ b/vendor/twbs/bootstrap/site/docs/4.1/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 affect 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