-
Posts
-
I’m not very knowledgeable with CSS so please just feel free to point me to a reference site if this is basic info, I just haven’t been able to find anything.
This type of notations on my page code are stumping me:
<div class=”col-md-3 col-sm-3 col-xs-12″>
Here are my assumpltions:
- md=medium screen, sm = small, xs = xsmall like telephone, is that correct?
- each number is the width value for the column. but what is the max value, what is it relative to?
For instance, I have a site that looks great on computer, but when you look on mobile the images in one column are on top of the text in another column.
I’m just looking for some reference info so I can make things work correctly. Thank you!!!
Hello thewholewheat,
Yes, you are correct about the sizes. This is standard bootstrap coding, here is a helpful bootstrap reference guide.
Also, here is a BoldGrid reference on grid sizing that explains:
As the BoldGrid Editor plugin calculates Column sizes for xs, sm, and md sizes, it will add the default size of 12 in the markup for any size that has not been specified.
Hope this helps,
John-Paul
- The topic ‘How Can I Use CSS in my Theme?’ is closed to new replies.
