如何关闭Bootstrap Yeti模板中的完全响应功能? [英] How turn off completely responsive features in bootstrap yeti template?

查看:112
本文介绍了如何关闭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模板中的完全响应功能?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆