在col-xs-12中查看时，在两个引导列之间添加空格

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”，就像我给你看的那样。那么你的研究是为了确保它的流动，但它应该无论如何都有效。