您现在的位置是:群英 > 开发技术 > web开发
Bootstrap3禁止响应式布局是什么,步骤包括哪些
Admin发表于 2022-07-25 17:47:28699 次浏览
这篇文章给大家分享的是“Bootstrap3禁止响应式布局是什么,步骤包括哪些”,文中的讲解内容简单清晰,对大家学习和理解有一定的参考价值和帮助,有这方面学习需要的朋友,接下来就跟随小编一起学习一下“Bootstrap3禁止响应式布局是什么,步骤包括哪些”吧。

 

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

禁止响应式布局

Bootstrap 会自动帮你针对不同的屏幕尺寸调整你的页面,使其在各个尺寸的屏幕上表现良好。下面我们列出了如何禁用这一特性,就像这个非响应式布局实例页面一样。

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

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

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

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

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

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


现在大家对于Bootstrap3禁止响应式布局是什么,步骤包括哪些的内容应该都清楚了吧,希望大家阅读完这篇文章能有所收获。最后,想要了解更多Bootstrap3禁止响应式布局是什么,步骤包括哪些的知识,欢迎关注群英网络,群英网络将为大家推送更多相关知识点的文章。

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:mmqy2019@163.com进行举报,并提供相关证据,查实之后,将立刻删除涉嫌侵权内容。

相关信息推荐
2022-10-09 18:12:06 
摘要:本文主要介绍了springboot 集成redis哨兵主从的实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
2022-05-26 17:13:19 
摘要:经过前面四天的学习,对node.js已经有了一个基础的认识,今天继续学习node.js网络通信编程相关内容,并稍加整理加以分享,如有不足之处,还请指正。path模块node.js中,提供了一个path
2022-07-07 17:26:19 
摘要:这篇文章主要介绍了Golang通脉方法,Go语言中的方法(Method)是一种作用于特定类型变量的函数。这种特定类型变量叫做接收者(Receiver)。接收者的概念就类似于,其他语言中的this或者 self,具体内容请和小编一起来学习下面文章内容吧
云活动
推荐内容
热门关键词
热门信息
群英网络助力开启安全的云计算之旅
立即注册,领取新人大礼包
  • 联系我们
  • 24小时售后:4006784567
  • 24小时TEL :0668-2555666
  • 售前咨询TEL:400-678-4567

  • 官方微信

    官方微信
Copyright  ©  QY  Network  Company  Ltd. All  Rights  Reserved. 2003-2019  群英网络  版权所有   茂名市群英网络有限公司
增值电信经营许可证 : B1.B2-20140078   粤ICP备09006778号
免费拨打  400-678-4567
免费拨打  400-678-4567 免费拨打 400-678-4567 或 0668-2555555
微信公众号
返回顶部
返回顶部 返回顶部