能不能在我的最高利润率上增加更多mt-5？

Question

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

Answer 1

Bootstrap中没有更高的值，但是您可以创建自己的类。文档中写着“您可以通过向$spacers Sass映射变量添加条目来添加更多的大小。”，但是如果您不想重新编译SASS，可以让您自己的类如下所示：

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

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

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

如果在行中所有元素的顶部一致使用它，则不会影响响应性。但是，如果您也使用它的左或右，那么它可以影响响应，因为它影响宽度。

Answer 2

您可以添加您自己的风格如下：

<div style="margin-top: 100px;"></div>

Answer 3

使用单元来响应网站

通过使用类

.mt-6{margin-top:5rem;}

通过使用id

#mt-6{margin-top:5rem;}

内插

#mt-6{margin-top:5rem;}

​

.mt-6{margin-top:5rem;}
#mt-6{margin-top:5rem;}

// add by class
<div class="mt-6">This text</div>

// add by id
<div id="mt-6">This text</div>

// add by inline style
<div style="margin-top:6rem;">This text</div>

​