Menu
I have a question regarding bootstrap 3.0 classes order, now if I write the following where I am starting from sm till lg:-
<div class="col-sm-4 col-md-4 col-lg-4 address">
will it have any different if I change the class order as follow from lg to sm:-
<div class="col-lg-4 col-md-4 col-sm-4 address">
or the order does not matter ?
237
col-sm- (small devices - screen width equal to or greater than 576px) . col-md- (medium devices - screen width equal to or greater than 768px) . col-lg- (large devices - screen width equal to or greater than 992px)
col-md-4: This class is used when the device size is medium or greater than 768px and the maximum width of container is 720px and you want the width equal to 4 columns. col-xs-1: This class is used when the device size is extra small (mobile) and when you want the width to be equal to 1 column.
col-md- stands for column medium ≥ 992px. col-xs- stands for column extra small ≥ 768px. The pixel numbers are the breakpoints, so for example col-xs is targeting the element when the window is smaller than 768px(likely mobile devices)...
If you choose col-sm, then the columns will become horizontal when the width is >= 768px. If you choose col-md, then the columns will become horizontal when the width is >= 992px. If you choose col-lg, then the columns will become horizontal when the width is >= 1200px. This answer explains it best.
<div class="col-sm-4 col-md-4 col-lg-4 address">
and
<div class="col-lg-4 col-md-4 col-sm-4 address">
both will be work same. Check this example fiddle
135
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
