html - 如何在 Bootstrap 中获得列之间的边距?

标签 html css twitter-bootstrap

他是如何设法在列之间获得这种差距的?

http://www.prepbootstrap.com/bootstrap-template/articles-layout

可能是我看傻了,看代码我也想不通他是怎么做到的。

编辑:

刚弄清楚他是怎么做到的。

我首先有这段代码:

<div class="col-md-3 thumb">
   ...
</div>

我改成了这样:

<div class="col-md-3">
   <div class="thumb">
      ...
   </div>
</div>

这似乎在列之间留有余量。不过,我还是很好奇,这是怎么发生的?有没有办法让边距更小(或更大)?

最佳答案

bootstrap 类的左右各有 15px 的内边距。

请在此处查看图片:Bootstrap padding .

在旁注中,您可以通过在 chrome 上按 Ctrl-Shift-I 来检查元素。

关于html - 如何在 Bootstrap 中获得列之间的边距?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36223285/

相关文章:

javascript - 表单提交页面刷新后显示隐藏的 div

javascript - 如何使用确认和引导模式获得相同的行为

javascript - bootstrap pull-right 类和行类

css - Bootstrap Affix 冲突的 CSS

css - 响应式网站的初始视口(viewport)缩放在移动设备上不正确

html - Thymeleaf - 严格的 HTML 解析问题

c# - 使用 xsl 样式表的前三行 xml 文档的正确内容

javascript - jQuery - 多次点击事件

html - 与两个 Bootstrap 元素水平对齐

jquery - 我的 HTML/CSS/JQuery 有问题