css - 列宽去除填充

标签 css twitter-bootstrap

我在我的 .row 上使用了一些样式,因为我需要我的列堆叠。但它扰乱了我的 padding-right,所以它不是 20px,就像在左边和顶部。我该如何解决这个问题?

您可以在此处实时查看:http://nicolajreck.dk/

代码

.row {
    -moz-column-width: 20em;
    -webkit-column-width: 20em; //This affects the width, and disrupts the padding 
    -moz-column-gap: 20px;
    -webkit-column-gap:30px; 
}

问题

image

最佳答案

您需要从 .row > .col-md-4 中移除 margin: 10px

关于css - 列宽去除填充,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30619597/

相关文章:

html - 如何在另一个 div 中强制内联 div

animation - 如何在 cubic-bezier 方法上禁用 css3 transition mouseleave 效果?

php - 从 echo php 调整图像大小

jquery - bootstrap 2.0 通过选项卡内容中的 url 激活选项卡和数据

html - 带有 ASP.NET/MVC 布局页面的 Bootstrap Tour

html - 带标题的 Css Flexbox 数据列表

html - Bootstrap 3 col-sm-4 创建两列而不是 3

jquery - rails 和 Bootstrap : Uncaught ReferenceError: jQuery is not defined

php - Bootstrap 下拉菜单在 php codeigniter 中不起作用

html - Bootstrap : Change container order on small screens