csstwitter-bootstraptemplatesyeti

How turn off completely responsive features in bootstrap yeti template?

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/

Solution

  • 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>