Twitter bootstrap minimum width in responsive layout

Adding the min-width property wont stop the grid system from messing up though, as the classes span1-12 will still become smaller when resizing!

An option is visit http://twitter.github.com/bootstrap/customize.html and untick "Narrow tablets and below (<767px)" on the responsive section, then download your custom bootstrap.


You can remove media query code of mobile screen in bootstrap.css


I did two steps

  1. set less variable @screen-sm-min: 10px. This will stop all bootstrap's media query

  2. And just set min-width to the top element.

Works for me