Bootstrap   发布时间:2022-04-18  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了twitter-bootstrap – 如何使整个引导程序缩略图可点击(适用于手机和平板电脑)大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
使用Bootstrap3,我试图创建一个页面,其中有很少的缩略图导致不同的链接.
我已经想出了如何使用文本和链接制作悬停效果,但现在我很困惑如何将它与移动设备和平板电脑一起使用,因为它们没有悬停.

我想知道如何使整个缩略图可点击?
这样做是不是一个好主意?

这是一个bootply链接,你可以看到我的意思
http://www.bootply.com/OuUBXv4ope

解决方法

用户可访问性方面,使整个缩略图可点击是一个好主意,事实上,易于制作.

根据你的代码

@H_262_21@<div class="col-sm-4"> <div class="thumbnail"> <!-- Place the anchor tag here to cover both your caption and image --> <a href="#" class=""> <div class="caption"> <h4 class="">Thumbnail Headline</h4> <p class="">Lorem ipsum dolor </p> </div> <img src="http://lorempixel.com/400/300/technics/1/" alt="..." class=""> </a> <!-- Anchor tag ends covering both image and caption --> </div> </div>

DEMO(前3个缩略图)

大佬总结

以上是大佬教程为你收集整理的twitter-bootstrap – 如何使整个引导程序缩略图可点击(适用于手机和平板电脑)全部内容,希望文章能够帮你解决twitter-bootstrap – 如何使整个引导程序缩略图可点击(适用于手机和平板电脑)所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。