gpt4 book ai didi

html - 悬停文本过渡下推行(Bootstrap)

转载 作者:太空宇宙 更新时间:2023-11-04 10:36:55 24 4
gpt4 key购买 nike

我正在努力寻找我的 col-sm-4 项在转换期间被下推的原因。

类属性中一定存在冲突,导致每个框的高度过高。

已编辑:页面现已更改。这个问题是 Bootstrap 3 和包装元素的一个很常见的错误,导致行具有不同的高度。

最佳答案

好的,我让它正常工作。正如我在评论中提到的,您不尊重框模型语义并将您的 margin-bottom 应用于 .cat-post-container,这是 的内部元素.col-sm-4。如果你这样做,它会起作用:

.col-sm-4 {
margin-bottom: 20px;
}

.cat-post-container {
// margin-bottom: 20px; *remove this rule*
}

此外,由于您的框的功能类似于链接,您应该将 .col-sm-4 a 设置为显示 block 以作为 block 容器覆盖内容区域。

.col-sm-4 > a {
display: block;
}

关于html - 悬停文本过渡下推行(Bootstrap),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36086396/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com