html - 将图像放置在Twitter bootstrap 的网格中

需要在这里放置类似的图像（例如）：http://imgur.com/QpRjvpW
不同尺寸的原始图片。
悬停效果-模糊和模糊效果和图片中间的文本。
我现在得到的是：JSFiddle
所以问题是，如何正确地定位它们，使它们连续占据屏幕的整个宽度3，大小相同，紧密地粘附在上下div之间，并且彼此之间不会在其边界内展开？模糊的效果不会影响相邻的元素？

最佳答案

应用这个css，你会得到一个类似于--

.works img{
    display:block;
    max-width:100%;
}

.works [class^="col-"] {
    padding-left:0;
    padding-right:0;
}

.works .text{
    position:absolute !important;
    left: 0;
    right: 0;
}