bootstrap3如何禁止响应式

bootstrap3禁止响应式的设置方法:1、移除设置浏览器视口的标签“”;2、通过为“.container”类设置一个width值来覆盖框架的默认width设置;3、移除所有导航条的折叠和展开行为即可。

创新互联建站专业为企业提供马村网站建设、马村做网站、马村网站设计、马村网站制作等企业网站建设、网页设计与制作、马村企业网站模板建站服务,十年马村做网站经验,不只是建网站,更提供有价值的思路和整体网络服务。

推荐:《bootstrap教程》

禁止响应式布局

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如何禁止响应式
标题来源:http://bzwzjz.com/article/cppisg.html

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: 网站建设公司 企业网站设计 成都网站设计公司 成都网站建设 宜宾网站设计 专业网站设计 成都商城网站制作 成都网站制作 高端网站设计 成都网站制作 成都网站制作 成都网站制作 营销型网站建设 网站建设公司 成都营销网站建设 成都网站建设 成都网站设计 重庆网站建设 重庆外贸网站建设 成都网站设计 广安网站设计 网站建设