Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Restrict body (min-width) width in Bootstrap 3

I don't want my app resizing and responding to sizes lower than a given width... say 600px.

I can't just do body { min-width: 600px } in Bootstrap because of media queries.

What can I do instead?

like image 750
Brian Genisio Avatar asked Nov 05 '13 21:11

Brian Genisio


2 Answers

You could always adjust the media queries.

Try this:

<head>
<link href="css/bootstrap.css" rel="stylesheet" media="screen">
<style>
@media (max-width: 600px) {
body {background:#c00;min-width:600px;}
}
</style>
</head>
<body>
<h1>Hello, world!</h1>
</body>

And then reset/edit/override all the other elements inside this media query.

like image 193
ravb79 Avatar answered Nov 10 '22 09:11

ravb79


Did you see the disabling responsiveness section in the BS docs: http://getbootstrap.com/getting-started/#disable-responsive

Maybe you can do something like this:

http://bootply.com/92061

like image 28
Zim Avatar answered Nov 10 '22 09:11

Zim