html - 实现 Bootstrap 无缝卡片列

标签 html css twitter-bootstrap bootstrap-4

卡片列的当前 Bootstrap 实现存在差距。 知道要实现无间隙的 css 是什么吗?

我试过类似的东西

.card {
  padding: 0px;
  margin: 0px;
}

但这并不影响任何东西。

任何想法将不胜感激。谢谢!

最佳答案

card类没有问题。您正在寻找它的包装器,它具有属性 column-gap: 1.25rem;。如果设置样式 .card-columns { column-gap: 0; },您将删除列之间的空格。

添加 .card-columns .card { margin-bottom: 0; 以完全删除空格。

关于html - 实现 Bootstrap 无缝卡片列,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51301344/

相关文章:

javascript div更新率

JavaScript 函数在使用 header() 后不会运行,但如果不使用 header() 则运行(在 php 中)

html - 由于 bootstrap 4 导航栏,滚动条太长

javascript - 使用滚动事件和添加类的动画标题

javascript - 如何使用 SVG 图形绘制 RGB 颜色选择器渐变

html - 调整 nivo slider 框的大小

html - 将滚动条更改为 div 的左侧

html - 带有搜索栏的中心 Logo 向右 Bootstrap

html - 堆叠位置为 :absolute 的 div

javascript - 单击下一页折叠 Accordion 菜单