html - 在 col-xs-12 中查看时在两个 Bootstrap 列之间添加空间

Question

当浏览器调整到移动屏幕大小时，col-xs-12 属性中的两列显示时没有任何间隙。谁能告诉我如何解决这个问题？ when viewed in large size

when viewed in small size

Answer 1

您可以添加自己的媒体查询。所以给底部一个像“small-margin-top”这样的类，然后将它添加到 css:

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

根据您的喜好和规范进行调整。我知道 bootstrap 使用“min-width”而不是像我向您展示的“max-width”。因此，请为此进行研究以确保它流畅，但无论如何它都应该有效。