Column Width

RazorAxis

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?

glitch

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

RazorAxis

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.

yariplus

col-sm-3 or col-sm-4 is probably what you want, col-sm-6 will take up half the containing row.

RazorAxis

I tried it as col-sm-3 and it made no difference on tablet. Can I have 3 in the box like that?

yariplus

@RazorAxis col-sm-4 will put three columns in a box with a viewport of 768px-992px (most tablets)

RazorAxis

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