title: Bootstrap 3 - Grid not aligning properly
body: <p>I'm creating my portfolio site on Bootstrap 4. I've implemented a sliding javascript caption (tweaked from a source online) to overlay the thumbnail images. That all works fine (except for the caption box extending too far out..), but when I started using that, the left edge of where my thumbnails start has moved to the right and I can't figure out what's causing the problem. I've been trying to figure it out for hours.. whatever's causing it is not caused by my custom CSS, because I tried removing it all and it was still weirdly aligned there.</p>
  
  <p>Another thing that I'm trying to do is have the thumbnails tiled up right up against each other, but I can't figure out how to get rid of their margins/padding...</p>
  
  <p><a href="http://www.katerinagarcia.com/test.html" rel="nofollow">Here's a link</a> to make it easier to check it out. Thanks so much in advance, it would really mean a lot to me if I could get this to work.</p>
  
  <p>SO sorry for the messy code, I'm going to clean it up once I get this stuff working.</p>
  
  <p>EDIT: I don't know why, or how.. but the alignment problem was caused by the UL class. I changed it to a div and now it works perfectly.</p>