Twitter bootstrap minimum width in responsive layout

Question

Is there a way to tell bootstrap to not shrink the elements when the resolution is smaller than:

/* Portrait tablet to landscape and desktop */.
@media (min-widt         


        

Answer 1

You can add the css property min-width on all the elements you want not to be shrunk.

Answer 2

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.

Answer 3

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

Answer 4

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