html - Twitter Bootstrap 悬停显示

Question

我有一排图像，我想要一个悬停框来覆盖图像。但是，由于某种原因，我的代码功能只能完全覆盖一些图像。其他人在右侧有一条缺失的条纹。我不明白为什么会这样。有任何想法吗？

HTML 代码：http ://codepad.org/hMqDsXS0

CSS 代码：http ://codepad.org/KJYr4aJP

Answer 1

这是您的代码的小提琴：

http://jsfiddle.net/ttGgH/4/

我改变了跨度类，

.main-feature-title {
        width: 100%;
}

我也添加了这个：

* {
    box-sizing: border-box;
}

此功能将帮助元素正确调整到框的大小，尤其是在应用了边框时。