Trying to center things with bootstraps offset class [solved]

1

Hello,

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

2

check bootstrap version you’re using in the pen.

3

It’s the alpha 4.0 version:

https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0-alpha.6/css/bootstrap.min.css

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

4


5

Thanks.

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

instead of offsetting the columns

1 Like
6

using the row justify-content-md-center class

7

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