【问题标题】:Bootstrap product grid alignment errorBootstrap 产品网格对齐错误
【发布时间】:2016-07-01 08:08:50
【问题描述】:

有人可以帮忙解决最后一行的this对齐错误吗?

这似乎只发生在mdlg 屏幕上。

【问题讨论】:

  • 我没有对你投反对票。我检查了它,但无法弄清楚。不知何故,“Buono Regalo Amazon da 500 euro”的高度必须比“Regala l'emozione di un volo unita alla possibilità di scegliere la meta (euro 100)”高一点,从而阻止了 'Regala l'emozione di un volo unita alla possibilità di scegliere la meta(200 欧元)'向左浮动
  • 是的,'Buono Regalo Amazon da 500 euro''s height is 424.95 and 'Regala l'emozione di un volo unita alla possibilità di scegliere la meta (euro 100)''s height and after is 424.84.为什么?我不知道
  • 知道了:您的图像高度不同。 (尺寸不同)

标签: html twitter-bootstrap css twitter-bootstrap-3


【解决方案1】:

这是因为除了底部之外,所有 div 的高度都相同。尝试为所有产品 div 指定最小高度。

试试这样的:

.row.illustration-v2.margin-bottom-30 > div {
    min-height: 450px;
}

根据您的产品图片和标题等尺寸,更改最小高度。

【讨论】:

    猜你喜欢
    • 2015-06-14
    • 2018-04-14
    • 2014-12-25
    • 2017-03-10
    • 1970-01-01
    • 2022-11-12
    • 1970-01-01
    相关资源
    最近更新 更多