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
set less variable
@screen-sm-min: 10px
. This will stop all bootstrap's media queryAnd just set
min-width
to the top element.
Works for me