How turn off completely responsive features in bootstrap yeti template?

白昼怎懂夜的黑 提交于 2019-12-25 16:49:43

问题


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/


回答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>



回答2:


To do this you could set the with of the body

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


来源:https://stackoverflow.com/questions/21613676/how-turn-off-completely-responsive-features-in-bootstrap-yeti-template

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!