Trying to center things with bootstraps offset class [solved]

Trying to center things with bootstraps offset class [solved]
0

#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


#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.