CODEWITHSUNDEEP
csstwitter-bootstrap
MB.
MB.

Reputation: 4211

Twitter bootstrap minimum width in responsive layout

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-width: 768px) and (max-width: 979px) { ... }

I want to support the large desktops and tablets screen, but nothing responsive below that resolution.

Upvotes: 11

Views: 27203

Answers (4)

Adam B
Adam B

Reputation: 1158

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.

Upvotes: 17

Ivan
Ivan

Reputation: 872

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

Upvotes: 1

user1870829
user1870829

Reputation:

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

Upvotes: 2

Ayush
Ayush

Reputation: 42450

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

Upvotes: -3

Related Questions