As the page stands right now everything works. However, each of my “portfolios” is on a separate line, even though I’ve put the class=“row” command in. The problem comes when I try to assign a column designation to the three “portfolios.” When I add div class=“col-md-4” (or 6 or 8 or sm or xs) and a /div at the end of each thumbnail, everything goes completely haywire. Some of the photos get huge, some of the boxes merge. It is quite amazing what one little line of code can do!
Can anyone tell me why it is blowing up and what I need to do to get these suckers all on one line. I’ve just about completed the page, but this has put a rather large wrench in the works. I’ve tried everything I can think of and I’m still stuck.
Finally got it working. It had to do with the number of I put after each thumbnail. The only problem I have is that the first “portfolio” is bigger than the others. Any ideas one why?
Figured it out. One photo was quite a bit bigger in size, so it was coming out bigger in on the page. I’ve gotten them as close to the same size as I can.
What you also can do is create an outer div around the images and give all of them the same height and width. Now your thumbnail labels will be aligned and everything else as well.