Twitter bootstrap 引导4通过媒体查询删除元素的边距

我试图删除我在使用手机屏幕时通过CSS中的媒体查询在导航链接元素中添加的边距mt-2，但无法实现。可能是我给班级打错了电话

请参见此处的示例>：

@介质（最大宽度：991px）{
.导航链接文本p-1 mt-2 a{
保证金：0；
}
}

---

您只需使用响应的

mt-lg-2

类，而不是

mt-2

这将为大屏幕（

lg

）或更大屏幕（即从992px开始的屏幕）增加顶部边距。对于较小的屏幕，它将默认为零余量

换句话说，这与添加类

mt-0 mt-lg-2

相同

因此，您不需要任何自定义css或媒体查询。本机bootstrap4类

mt-lg-2

的设计目的正是为了完成您想做的事情。Bootstrap 4中的间隔类已经是响应类了。对于这些简单的任务，您不需要（也不应该）使用任何自定义css

下面是一个工作片段：

---

您只需使用响应的

mt-lg-2

类，而不是

mt-2

这将为大屏幕（

lg

）或更大屏幕（即从992px开始的屏幕）增加顶部边距。对于较小的屏幕，它将默认为零余量

换句话说，这与添加类

mt-0 mt-lg-2

相同

因此，您不需要任何自定义css或媒体查询。本机bootstrap4类

mt-lg-2

的设计目的正是为了完成您想做的事情。Bootstrap 4中的间隔类已经是响应类了。对于这些简单的任务，您不需要（也不应该）使用任何自定义css

下面是一个工作片段：

---

为什么要提到所有的类？参考下面的代码。你还没有提到课文。类应在类名前用“.”表示

i、 e

.hovtext{…}

@media (max-width: 991px) {

   .hovtext{
    margin: 0;
  }
}

如果上述代码不起作用，则将其标记为重要代码

---

i、 e.

margin:0！重要的
为什么要提到所有的类？参考下面的代码。你还没有提到课文。类应在类名前用“.”表示

i、 e
.hovtext{…}

@media (max-width: 991px) {

   .hovtext{
    margin: 0;
  }
}

如果上述代码不起作用，则将其标记为重要代码

i、 e.
margin:0！重要的
您不需要手动声明该类，因为它已经有了与断点相关的选项，范围从
mt-#
到
mt xl-#
。所以，根据你的评论，你想要的是在大屏幕上有一个上边距，而在小屏幕上没有。您遵循从最小断点写入最大断点的引导约定，因此看起来是这样的


您不需要手动声明该类，因为它已经有了与断点相关的选项，范围从
mt-#
到
mt xl-#
。所以，根据你的评论，你想要的是在大屏幕上有一个上边距，而在小屏幕上没有。您遵循从最小断点写入最大断点的引导约定，因此看起来是这样的



1
mt-2
已经是一个本机bootstrap4类，所以我不明白您为什么要手动添加它。2.您希望您的元素看起来像什么？它必须在小屏幕上有上边距，而不是在大屏幕上？或者反过来呢？1.我只为桌面2这样的大屏幕添加该元素的边距。在大屏幕上必须有上边距，在小屏幕上必须去掉上边距。可以通过未正确提及的mediaquery？类名删除添加的引导类。类名应在类名1之前用“.”表示
mt-2
已经是一个本机bootstrap4类，所以我不明白您为什么要手动添加它。2.您希望您的元素看起来像什么？它必须在小屏幕上有上边距，而不是在大屏幕上？或者反过来呢？1.我只为桌面2这样的大屏幕添加该元素的边距。在大屏幕上必须有上边距，在小屏幕上必须去掉上边距。可以通过未正确提及的mediaquery？类名删除添加的引导类。类名应在类名之前用“.”表示