Bootstrap 3: Stack cols only when screen size is less than 500px -


i want bootstrap stack columns when device size less 500px, below code stacks them after reach small threshold 768. how can change that?

<div class="row">   <div class=" col-sm-4">   1   </div>   <div class=" col-sm-4">   2   </div>   <div class=" col-sm-4">   3   </div> 

you can change less file variables

change

screen-sm-min = 768px  

to

screen-sm-min = 500px 

if want small devices in general (default < 768px ) use

class=" col-sm-4 col-xs-12" 

http://getbootstrap.com/css/#grid


Comments

Popular posts from this blog

mysql - FireDac error 314 - but DLLs are in program directory -

git - How to list all releases of public repository with GitHub API V3 -

c++ - Getting C2512 "no default constructor" for `ClassA` error on the first parentheses of constructor for `ClassB`? -