Twitter bootstrap Can';我不知道如何使用引导缩略图组件

Twitter bootstrap Can';我不知道如何使用引导缩略图组件,twitter-bootstrap,thumbnails,holder.js,Twitter Bootstrap,Thumbnails,Holder.js,我试图使用Bootstrap的缩略图组件来显示带有缩略图图像的产品类别列表。我希望用户单击缩略图转到该类别 Bootstrap网站上的文档提供了以下基本标记: ... 我在谷歌上搜索了holder.js的信息,找到了官方的holder.js页面,下载了zip版本,将文件放在我网站的js文件夹中,并用HTML中的脚本标记链接到holder.js文件 但是如何/在标记中指定要使用的图像文件 我还需要在每个图像下包含一个类别名称,可能带有span或h4标记。这需要形成可点击块的一部分 更新:

我试图使用Bootstrap的缩略图组件来显示带有缩略图图像的产品类别列表。我希望用户单击缩略图转到该类别

Bootstrap网站上的文档提供了以下基本标记:

  • ...
我在谷歌上搜索了holder.js的信息,找到了官方的holder.js页面,下载了zip版本,将文件放在我网站的js文件夹中,并用HTML中的脚本标记链接到holder.js文件

但是如何/在标记中指定要使用的图像文件

我还需要在每个图像下包含一个类别名称,可能带有span或h4标记。这需要形成可点击块的一部分

更新: 澄清一下,我只想利用缩略图组件的样式方面。所以,也许我可以通过缩略图组件和相关的HTML标记来实现这一点,而完全忽略holder.js

这是我想使用的HTML标记:

  • ...

Holder.js只是基于javascript和内联图像的图像占位符框架。引导程序使用它来创建示例图像。此库中没有关于生产的需要。因此,与其使用
data src
属性和
holder.js
库,不如使用
src
属性和标记,如:

您还需要禁用图像标题中的文本下划线。只需使用css:

a.缩略图:悬停{
文字装饰:无;
}
例如:

感谢您澄清holder.js的用途。我使用了与您提供的类似的解决方案,效果很好。再次感谢!