【问题标题】:how to add responsive vertical space between columns bootstrap 3如何在列 bootstrap 3 之间添加响应式垂直空间
【发布时间】:2013-12-24 03:54:36
【问题描述】:

除了具有固定像素的间隔类之外,是否可以在引导程序 3 中的列之间添加空白垂直空间?如果您要使用响应式网站,固定像素并不好。

【问题讨论】:

  • offset 有什么问题?
  • @ryan-salmons 您在这里找到了好的解决方案吗?我环顾四周,在我看来,响应式垂直间距似乎仍然没有简单的概念。

标签: twitter-bootstrap mobile responsive-design whitespace


【解决方案1】:

row 添加额外的类并给予适当的边距

HTML

<div class="row container">
...
</div>

CSS

.container {
margin: 20px 0;
}

【讨论】:

  • 对于移动浏览器不会不成比例吗?有没有办法根据百分比添加间距?
  • 如果您愿意,还可以为移动浏览器添加 % value 或 @media