0

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/

Mike Causer
  • 8,196
  • 2
  • 43
  • 63
Pavel Sládek
  • 583
  • 1
  • 4
  • 6

2 Answers2

0

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>
jonsuh
  • 2,875
  • 1
  • 18
  • 23
  • Thank you for help. I tried set "width: 1200px !important", but if I change the window size on the web there still appear the responsive features in menu. I don't know how i can stop it.. Do you have any idea? Thank you so much. – Pavel Sládek Feb 06 '14 at 21:51
  • Try wrapping everything in another div and give that div a static width. I updated my answer. – jonsuh Feb 06 '14 at 21:54
0

To do this you could set the with of the body

<style>
body {
    min-width: 960px !important;
}
</style>
Kevin Lynch
  • 24,427
  • 3
  • 36
  • 37
  • Thank you for help. I tried set "width: 1200px !important", but if I change the window size on the web there still appear the responsive features in menu. I don't know how i can stop it.. I tried all put into one div and declared fix value also. Do you have any idea? Thank you so much. – Pavel Sládek Feb 06 '14 at 22:02