-2

There is a lot of stuff out there on making BS3 non responsive but it all seems to focus on LESS variables. I'm using static CSS though.

http://getbootstrap.com/examples/non-responsive/ http://bigwilliam.com/turn-off-responsive-behavior-for-bootstrap-3/

Steps 1 (remove viewport) and 2 (static container width) are easy enough. But how do I set the media query breakpoints in CSS?

Shakeeb Ahmad
  • 2,010
  • 1
  • 25
  • 30
  • You want it to be non-responsive? Use pixels instead of percentages, use sizes instead of ems. Not sure why you would want to do this though – Darkmouse Mar 09 '15 at 15:04

2 Answers2

2

There's an option in Bootstrap to customize your download of Bootstrap CSS to fit your needs. If you press the link customize along Bootstrap's website, it will take you to a page that lists all the components and utilities that come included with the default download of Bootstrap CSS. You can add/remove any of these items to create a version of bootstrap that fits your particular needs.

For you case, remove the following options (Under Common CSS):

  • Print Media Styles
  • Responsive Utilities

There is also a section where you can customize and compile the LESS variables into a custom .css file. The one you could consider changing is the Media Query Breakpoints settings, but there are lots of customization options for you to browse through.

Take a look here at Bootstrap/Customize to see all the options you can change, and hopefully that will help!

Tim Lewis
  • 27,813
  • 13
  • 73
  • 102
0

set minimal width to html or body element, in that way page won't resize if browser width is less than min-width specified. but whole point using bootstrap is to easily develop responsive websites, so you are doing something terribly wrong if you want not responsive bootstrap.

html { min-width: 1000px; }
pankijs
  • 6,531
  • 3
  • 16
  • 13