My projects section has four placeholder images, 154px squares, set to display inline. I put class=“img-responsive” inside each image tag as we were told to do. It looks fine as a full screen, but when the screen gets too narrow to display all four in one row, I’d like it to display two rows of two placeholders. What it does is display one row of three and the last one on a second row. How can I get it to do two rows of two? By the way, I have the container div set to container-fluid.
Also, I had an image (a background pattern) for each of my contact form input fields. With the Bootstrap, the input fields - except for the submit field - won’t show the image. I tried changing it to a color, but the color doesn’t show, either. Do I need to do something special to get it to override the Bootstrap with my color/image CSS? (The rest of my CSS still works.)
Edited to add, I just stuck it up on CodePen and now the site that looked okay (layout-wise) full screen … doesn’t. My About Me section is stacking, and it’s supposed to be two columns. My perfectly aligned contact form fields … aren’t. Ugghhhhh.