📌  相关文章
📜  Bootstrap响应式助手

📅  最后修改于: 2020-12-19 02:50:42             🧑  作者: Mango

响应式助手

响应式帮助程序实用程序允许浏览器根据其包含块的宽度来确定视频或幻灯片的尺寸，从而可以在任何设备上正确缩放。

您必须直接在

You can customize aspect ratios with modifier classes:

响应式浮动

这些实用程序类用于使用CSS float属性基于当前视口大小向左或向右浮动元素，或禁用浮动。包括！important以避免特异性问题。

它们使用与网格系统相同的视口宽度断点。

也有两种类似的无响应Sass mixin(左上浮和右上浮)。

句法：

Float left on all viewport sizes



Float right on all viewport sizes



Don't float on all viewport sizes



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

如何使用它：

// Related simple non-responsive mixins
.element {
  @include float-left;
}
.another-element {
  @include float-right;
}