How to add href link to bootstrap rollover image?

Warning: I'm a noob. The little I know comes from fiddling around.

I maintain a hobby website of images created in bootstrap 3 and I would like to have a responsive rollover image that also links to the full size image.

I have been able to complete the responsive rollover part, but I can't figure out how to add the link to display the full image.

Here's what I have so far:

https://jsfiddle.net/11cmcznn/

HTML:

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

I can't post the CSS because I don't have reputation points yet.

Any help would be much appreciated.

Solution

Put href before the div and make sure you close the parent div too. Like this

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