在Col-XS-12中查看时，在两个引导列之间添加空间

Question

当将浏览器调整到移动尺寸屏幕上时，显示Col-XS-12的属性中的两个列而没有任何差距。有人可以显示如何解决此问题吗？当大尺寸查看

时

以小尺寸查看

Answer 1

您可以添加自己的媒体查询。因此，给底部的一个类，例如"小边缘顶"，然后将其添加到CSS：

：

@media all and (max-width: 700px) {
 .small-margin-top{
     margin-top: 3em;
  }
}

将其调整为您的喜好和规格。我知道Bootstrap像我向您展示的那样使用"最小宽度"，而不是"最大宽度"。因此，您对此目的进行研究以确保它流动，但无论如何都应该工作。