BootStrap3如何禁止响应式布局

BootStrap3官网上对其说明如下:

禁止响应式布局有如下几步:

  1. 移除 此 CSS 文档中提到的设置浏览器视口(viewport)的标签:<meta>
  2. 通过为 .container 类设置一个 width 值从而覆盖框架的默认 width 设置,例如 width: 970px !important; 。请确保这些设置全部放在默认的 Bootstrap CSS 文件的后面。注意,如果你把它放到媒体查询中,也可以略去!important
  3. 如果使用了导航条,需要移除所有导航条的折叠和展开行为。
  4. 对于栅格布局,额外增加 .col-xs-* 类或替换掉 .col-md-*.col-lg-*。 不要担心,针对超小屏幕设备的栅格系统能够在所有分辨率的环境下展开。

但是第三步如何实现呢?

我查阅了资料发现将:less变量@screen-xs和@screen-sm设置为0并重新编译less可解决问题。但是最终效果还不是特别好,不过大体上算禁止响应式布局了!

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏Nicky's blog

bootstrap treeview实现菜单树

treeview链接:http://www.htmleaf.com/Demo/201502141380.html

1.3K40
来自专栏Nicky's blog

Bootstrap框架环境安装和实现图片的圆形

您可以从 http://getbootstrap.com/ 上下载 Bootstrap 的最新版本。当您点击这个链接时,您将看到如下所示的网页:

12220
来自专栏小旋锋的大数据专栏

Elasticsearch源码分析 | 单节点的启动和关闭

Elasticsearch的启动引导类为 Bootstrap 类,在创建节点 Node 对象之前,Bootstrap 会解析配置和进行一些安全检查等

16010
来自专栏HUBU生信

bootstrap+django搭建防跨站点攻击登陆系统

1.登录:分为get与post两种情况,post即为提交请求,此时进行数据验证,使用django自带的抽象authentication类,使用login和log...

17620
来自专栏HUBU生信

对bootstrap框架的一些测试(1)

bootstrap的栅格系统,默认将整个屏幕放在一个“container”容器中,然后以row为子元素,将‘col‘作为直接子元素,把整个屏幕分成12份,然后对...

15430
来自专栏mySoul

双亲委派模型

类加载流程,先加载Bootstrap ClassLoader 启动类加载即最顶层的加载类。这部分由C++ 编写。

20130
来自专栏AndroidTv

前端入门24-响应式布局(BootStrap)声明正文-响应式布局(BootStrap)

BootStrap 目前已经出了 4 个版本,每个版本都有对应的官网教程,先来看看不同版本里的宣传语:

25420
来自专栏算法工程师的养成之路

Resample方法

核心思想在于,给定训练集,当你认为给定的训练集不能够很好地反应数据的真实分布时,可以采用重采样的方法,来增大样本.

14970
来自专栏别先生

利用BootStrap Table插件实现自己的弹出框分页。

参考链接1:     官网:http://bootstrap-table.wenzhixin.net.cn/zh-cn/home/         开始使用:h...

26330
来自专栏方亮

使用Boost的Serialization库序列化STL标准容器

        使用Boost做对象序列化是非常方便的,本文将介绍一种序列化STL标准容器的方法。

16210

扫码关注云+社区

领取腾讯云代金券

年度创作总结 领取年终奖励