Column Width
-
So I have a question about column width. I have it set:
col-m-3 col-xs-12
My 7" tablet shows the 12 display when loaded. Is there a way to have a setting for medium sized screens such as a small tablet where to stretch across the screen would not be the optimal format, but keep it that way on small devices like phones?
-
@RazorAxis If it's "col-m-3" there's a typo and it should be "col-md-3". Otherwise, there is another step size between md and xs and that's sm: "col-sm-6" or whatever. I don't know if that'll do it for your tablet, but you might give it a go.
-
Yes I ment md. Thanks. So can i add a 3rd step in there so I would have col-md-3 col-sm-6 col-xs-12? I will try that. Thank you.
-
col-sm-3 or col-sm-4 is probably what you want, col-sm-6 will take up half the containing row.
-
I tried it as col-sm-3 and it made no difference on tablet.
Can I have 3 in the box like that?
-
@RazorAxis col-sm-4 will put three columns in a box with a viewport of 768px-992px (most tablets)
-
The sm-3 or 4 did not change the tablet in vertical but at least it now changes in horizontal. Gus that will have to do for now. Thank you for the help @yariplus
