Как добавить кнопку под картинку в слайдере boostrap

Есть вот такой слайдер https://codepen.io/selbywinkler/pen/vNyNMR. Ни как не могу понять как сделать под каждой картинкой свою кнопку для перехода на страницу с описанием этой картинки.

    <a  href="https://farm6.staticflickr.com/5591/15008867125_b61960af01_h.jpg" data-size="1600x1068" data-med="https://farm6.staticflickr.com/5591/15008867125_68a8ed88cc_b.jpg" data-med-size="1024x683" data-author="Samuel Rohl">
         <img src="https://farm6.staticflickr.com/5591/15008867125_68a8ed88cc_m.jpg" alt="">
         <figure>This is dummy caption.</figure>        
   </a>

Казлось бы все просто, сделать еще одну строку с url под строкой, где картинка. НО. Если добавить после url какой-то код в div или button или a, то перестает работать листалка слайдера в модальном окне. JS работает только с одной ссылкой для одной картинки. Что подправить в JS? Или может кто поделится ссылкой на слайдер, где можно под картинкой вставлять свою кнопку. При этом мне нужно, что бы при клике на картинку открывался слайдер в модальном окне.