响应式助手

2024 年 8 月 29 日 | 阅读 2 分钟

响应式助手工具用于允许浏览器根据其包含块的宽度确定视频或幻灯片的尺寸,以便在任何设备上正确缩放。

您必须直接将规则应用于 <iframe>、<embed>、<video> 和 <object> 元素;或者,当您想匹配其他属性的样式时,可以使用显式的后代类 .embed-responsive-item。

注意:您无需在 <iframe> 中包含 frameborder="0",因为我们为您覆盖了它。

语法


响应式浮动

这些实用程序类用于根据当前视口大小,使用 CSS float 属性将元素浮动到左侧或右侧,或禁用浮动。 包含 !important 以避免特异性问题。

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

还有两个类似的非响应式 Sass mixin (float-left 和 float-right) 也可用。

语法

如何使用它