首页 >

bootstrap3如何禁止响应式

web前端|Bootstrap教程bootstrap3如何禁止响应式
bootstrap3
web前端-Bootstrap教程
游戏免费源码分享网站源码,ubuntu下配置git,tomcat启动项目不报错,网络爬虫的特性,php中访问数组的元素,elk和seolzw
推荐:《bootstrap教学》
android开源视频播放器源码下载,vscode英文翻译插件,国内ubuntu仓库,idea建tomcat项目,爬虫 登录豆瓣,php流媒体服务器,大庆seo优化公司做得好,html仿影视导航网站代码,zblog模板制作助手lzw
禁止响应式布局
flash源码网,vscode写汇编语言,ubuntu修改网管,tomcat 编码格式查看,爬虫的代理,php防图片采集,邯郸线上营销seo优化运营,健康内容网站源码,企业源码免费模板lzw
Bootstrap 会自动帮你针对不同的屏幕尺寸调整你的页面,使其在各个尺寸的屏幕上表现良好。下面我们列出了如何禁用这一特性,就像这个非响应式布局实例页面一样。

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

移除 此 CSS 文档中提到的设置浏览器视口(viewport)的标签:。

通过为 .container 类设置一个 width 值从而覆盖框架的默认 width 设置,例如 width: 970px !important; 。请确保这些设置全部放在默认的 Bootstrap CSS 文件的后面。注意,如果你把它放到媒体查询中,也可以略去 !important 。

如果使用了导航条,需要移除所有导航条的折叠和展开行为。

对于栅格布局,额外增加 .col-xs-* 类或替换掉 .col-md-* 和 .col-lg-*。 不要担心,针对超小屏幕设备的栅格系统能够在所有分辨率的环境下展开。

针对 IE8 仍然需要额外引入 Respond.js 文件(由于仍然利用了浏览器对媒体查询(media query)的支持,因此还需要做处理)。这样就禁用了 Bootstrap 对移动设备的响应式支持。


bootstrap3如何禁止响应式
  • 基于bootstrap3和jquery的分页插件【jquery】
  • 基于bootstrap3和jquery的分页插件【jquery】 | 基于bootstrap3和jquery的分页插件【jquery】 ...

    bootstrap3如何禁止响应式
  • bootstrap3中container与container_fluid外层容器的区别讲解
  • bootstrap3中container与container_fluid外层容器的区别讲解 | bootstrap3中container与container_fluid外层容器的区别讲解 ...

    bootstrap3如何禁止响应式
  • bootstrap3 是什么
  • bootstrap3 是什么 | bootstrap3 是什么 ...