Bootstarp 4 入门之布局工具

边距和间距

使用边距(margin)和间距(padding)工具来控制元素和组件的间距和大小。 Bootstrap 4 包含基于 1rem 值默认 $spacer 变量的间隔工具的五级尺度。 选择所有 viewport 的值(例如,.mr-3 表示 margin-right: 1rem),或选择响应变体以定位特定 viewport(例如,.mr-md-3表示 margin-right: 1rem 从 md 断点开始)。

Flexbox 选项

Bootstrap 4 是使用 flexbox 构建的,但并不是每个元素的 display 都被更改为 display: flex,因为这会添加许多不必要的覆盖,并意外地更改关键浏览器行为。 此外,我们的大多数组件都是在启用 Flexbox 的情况下构建的。

如果需要将 display: flex 添加到元素,请使用 .d-flex或其中一个响应式变体类(例如.d-sm-flex )。 你需要此类或 display 值才能使用我们额外的 flexbox 工具来调整大小,对齐,间距等。

评论区 (0)

没有记录
支持 markdown,图片截图粘贴拖拽都可以自动上传。