如何将 href link 添加到 bootstrap 滚动图像?

How to add href link to bootstrap rollover image?

警告:我是菜鸟。我知道的一点点来自于摆弄。

我维护着一个在 bootstrap 3 中创建的图像爱好网站,我想要一个响应式翻转图像,该图像也 link 是全尺寸图像。

我已经能够完成响应式翻转部分,但我不知道如何添加 link 来显示完整图像。

这是我目前的情况:

https://jsfiddle.net/11cmcznn/

HTML:

<div class="rollover-wrapper-1"><div class="rollover-image-1"></div>

我不能 post CSS 因为我还没有声望点数。

如有任何帮助,我们将不胜感激。

将 href 放在 div 之前,并确保您也关闭父 div。像这样

<div class="rollover-wrapper-1"><a href="http://google.com"><div class="rollover-image-1"></div></a></div>

嗯,我 运行 遇到了另一个问题。我的翻转图像正常工作,包括链接到全尺寸图像。但出于某种原因,每当我将代码添加到网页和样式 sheet 时,网页以某种方式在我网站的错误位置寻找样式 sheet。

我有一种样式 sheet "default.css",我将其用于我所有的网页。此 css sheet 位于网站的根目录中。但是由于某种原因,带有翻转图像的网页不会显示该图像,当我检查 Chrome 中的元素时,它给我 404 错误,指出 default.css 在某个文件夹中找不到网站。除了根之外,我从未在任何文件夹中拥有 default.css。

所以网页以某种方式在 none 存在的地方寻找样式 sheet,我不知道为什么。

如果我将 default.css 样式 sheet 从根目录复制到它要查找的文件夹中,则网页会正确加载,但我不想维护两个相同的样式 sheet秒。我只是不知道样式 sheet 是如何附加到网页上的。

对于这个问题的含糊不清,我深表歉意,但我的知识还不足以提出一个更明智的问题。