I can’t for the life of me figure out why my image won’t center itself. I’ve tried img-responsive and center-block, but it doesn’t seem to make a difference. I must be missing something super obvious here.
https://codepen.io/ericstretch/pen/JWOVVy.html
Thanks for the help!
If you go to Settings
click CSS
click quick add at the very bottom
click Bootstrap
It will center your image…
Your code looks just fine…
Good Luck!!
Thanks for the reply, I’m afraid I already had bootstrap added to CSS though. I don’t if maybe this link gives a better picture of what’s happening? https://codepen.io/ericstretch/pen/JWOVVy?editors=1000
@ericstretch it looks like you’ve figured it out when I go to your CodePen now!
Perhaps it was the container class you were using? That is the issue I ended up having when I was starting with Bootstrap, I couldn’t actually figure those out to put things where they were meant to be.
Whatever the solution was, please let us know.
I messed around with it for quite a while, but eventually I tried adding a column class to the image div and that seemed to sort it out for some reason. I wish had a better idea as to why that fixed it though, because I would’ve assumed that the column in one of the parents would have done the same thing, but I guess not.
Unfortunately I figured it out more through trial and error than actually fully understanding it, which I would have obviously preferred.
Now I just need to figure out how to make the thumbnail padding closer to the size of the image itself… It’s a constant battle! 