Fancybox image gallery + Bootstrap 3

I recently made an image gallery page on my website using Bootstrap 3 and Fancybox 3
My active page is located here. http://rye03870.com/photos.html
The gallery looks how I want it to but when you click an image, the Fancybox doestn't work. I've never used Fancybox before. Can anyone figure out how to make this work?

Code:

---

Errors
The following errors occurred with your submission
The text that you have entered is too long (27885 characters). Please shorten it to 15000 characters longV

---

I wan't able to post the html. I got that error
Here is the code on codepen

Hello, it seems your CSS is in the wrong location. I was using their personal URL and tested it and it worked: 'https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.0.47/jquery.fancybox.min.css'
Failed to load resource: the server responded with a status of 404 (Not Found) jquery.fancybox.min.css

Thanks, that was driving me nuts