html - 是否可以在我的上边距中添加超过 mt-5？

Question

我想在我的网站上对齐一些元素，我已经在我的 HTML 中使用了 mt-5，但我需要更多的边距。我该怎么做？

Answer 1

Bootstrap 没有更高的值(value)，但您可以创建自己的类。文档说 "You can add more sizes by adding entries to the $spacers Sass map variable." ，但如果您不想重新编译 SASS，您可以像这样创建自己的类:

.mt-6 {
    margin-top: 4rem; // or the value you want
}

Bootstrap 类已经将 rem 用于边距类，因此最好使用相同的单元。现有的类使用这些值(它可以帮助您决定要为您的值使用什么):

• .mt-5 设置为 3rem 所以这是 1rem 单位。
• .mt-4 是 1.5rem(因此您可能希望为您的类(class)使用更高的 1.5rem)
• .mt-3 是 1rem
• .mt-2 是 0.5rem
• .mt-1 是 0.25rem

如果你在行中所有元素的顶部始终使用它，它不会影响响应性。但是如果你也使用它左或右，那么它会影响响应，因为它会影响宽度。