Trying to center things with bootstraps offset class [solved]


I am trying to center my tic-tac-toe board. The board consists of 3 rows with the class ‘col-xs-4’ and and have all been offset by 4. So, I was expecting them to have been moved to the right by 4 columns, set as 4 columns long, and have the remaining 4 columns on their right - making them completely centered. However it is slightly left of center. Could anyone tell me what I’m doing wrong?

Thank you

check bootstrap version you’re using in the pen.

It’s the alpha 4.0 version:

I’ve tried an alternate version. I think it was 3.6 …


I read the section called variable width content and centered the columns using:

instead of offsetting the columns

1 Like

using the row justify-content-md-center class

Thank you for this topic.
It was really helpful for me too
I had been worrying about this problem before I found your accomplishment.