如何关闭Bootstrap Yeti模板中的完全响应功能?

问题描述

我将此模板用于引导程序 http://bootswatch.com/yeti/，所以我有引导程序.css，但我想完全关闭Web的响应功能.我需要建议-是否在CSS文件或仅在Web模板中做了一些更改?解决这个问题的网站 http://playground.jsreport.net/

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/

推荐答案

最常见的解决方法是采用父元素，例如，使用Yeti，采用.container并为其赋予静态宽度和力!important.

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.

.not-responsive {
  width: 1200px
}

HTML

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

这篇关于如何关闭Bootstrap Yeti模板中的完全响应功能?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！