Bootstrap 3 dealing with difference between xs and sm

Question

I am using col-xs-* for mobile devices in portrait, but naively believed col-sm-* was for landscape mobile devices, however, according to the first answer from this question, it

Answer 1

The easiest way would be to use LESS and change the sm breakpoint:

@import "bootstrap.less";
@screen-sm-min: 736px;

http://www.codeply.com/go/g3Qtejhoui

You can also generate a custom CSS build changing the same @screen-sm-min variable.