Bug? not sure

[Randore]

The grid was simple and easy to start with mobile first approach but doesn't seems to be working from screen tablet 600px to below iphone. The whole grid looks single on starting from screen-size of 600px and below.

But in real world situation we want our site to look uniform and responsive at-least to the screen size of tablet. If i am wrong, let me know the best way to do this.

[aekaplan]

Hi Randore,

Not a bug. I would read more about mobile first responsive design. http://bradfrostweb.com/blog/mobile/the-many-faces-of-mobile-first/

You start with mobile styles and layer on styles optimized for larger screens only as needed. Just add a tablet media query! Take a look at Bootstrap's media queries:

/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */

/* Small devices (tablets, 768px and up) */
@media (min-width: @screen-sm-min) { ... }

/* Medium devices (desktops, 992px and up) */
@media (min-width: @screen-md-min) { ... }

/* Large devices (large desktops, 1200px and up) */
@media (min-width: @screen-lg-min) { ... }