How turn off completely responsive features in bootstrap yeti template?

Question

I use this template for bootstrap http://bootswatch.com/yeti/, so I have bootstrap.css but I want turn off responsive features completely for web. I need advice - have I do some changes in css file, or in web template only? My web where I solving this problem http://playground.jsreport.net/

Answer 1

The most general way to approach this is you would take the parent element, for instance with yeti, you take .container and give it a static width and force it with !important.

The most general way to approach this is to wrap everything in a container and give it a static width.

CSS

.not-responsive {
  width: 1200px
}

HTML

<div class="not-responsive">
  [Put everything inside of this element]
</div>

Answer 2

To do this you could set the with of the body

<style>
body {
    min-width: 960px !important;
}
</style>