jquery - 在同位素元素行之间添加空间 (fitRows)

标签 jquery css twitter-bootstrap twitter-bootstrap-3 jquery-isotope

我试了很多,还是解决不了。需要在同位素 (metafizzy) 中的行之间添加更多空间

这是初始化脚本

$container.isotope({
    itemSelector: '.item',
    layoutMode: 'fitRows',
    sortAscending: true
    }
});

对于 css,我使用的是 bootstrap,没有对 isotope 中的元素进行任何自定义编辑

这里是网站:http://gabrielw.de/steamlib/?profile=xunocore

最佳答案

你只需要给你的元素一个底部的填充,这样它们就有填充。与其尝试强制同位素填充它们,不如将它们包含在元素的 CSS 中

.isotope .isotope-item {
    padding-bottom: 20px;
}

关于jquery - 在同位素元素行之间添加空间 (fitRows),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19619557/

相关文章:

jquery - 使用鼠标滚轮时,datetimepicker 会向 timepicker 的相反方向滚动

将字体从粗体切换为原始字体的javascript按钮

html - 在 Bootstrap 中创建和样式化输入作为句子的一部分?

html - 达到最大宽度时的新表格行

ios - 从底部剪裁的主屏幕 Web 应用程序

javascript - 如何使输入标签( token )与stackoverflow/gmail相同?

javascript - Google Maps API V3 无法使用 Twitter 的 Bootstrap 在标签页上完全呈现

jQuery UI : On drop, 将 div 附加到其可放置目标

javascript - JQuery Block UI 元素阻塞问题

javascript - 两个 div 与纯文本的响应式对齐以实现视差