Css Bootstrap：特定于移动设备的更改如何？

我有一个大按钮，当我在手机上查看页面时，我需要改变它的边距和填充度

请问做这件事最好的方法是什么

基本上，我需要：

  .cta-btn{
   margin: 70px 0;
  }

成为：

  .cta-btn{
   margin: 10px 0;
    }

---

当访问者在移动设备或其他小型屏幕设备上时。

在bootstrap中，有专门的帮助程序：

无论如何，这是你可以做的：

.cta-btn{
  margin: 70px 0;
}

@media (max-width: 480px) {
 .cta-btn{
   margin: 10px 0;
  }
}

---

谢谢你的帮助……）