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?
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.
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
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With