首页前端开发其他前端知识Bootstrap3禁止响应式布局是什么,步骤包括哪些

Bootstrap3禁止响应式布局是什么,步骤包括哪些

时间2024-03-27 03:50:03发布访客分类其他前端知识浏览1242
导读:这篇文章给大家分享的是“Bootstrap3禁止响应式布局是什么,步骤包括哪些”,文中的讲解内容简单清晰,对大家学习和理解有一定的参考价值和帮助,有这方面学习需要的朋友,接下来就跟随小编一起学习一下“Bootstrap3禁止响应式布局是什么...
这篇文章给大家分享的是“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禁止响应式布局是什么,步骤包括哪些的知识,欢迎关注网络,网络将为大家推送更多相关知识点的文章。

声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!


若转载请注明出处: Bootstrap3禁止响应式布局是什么,步骤包括哪些
本文地址: https://pptw.com/jishu/653960.html
golang的接口是什么,如何使用 gin框架是什么,有什么优势

游客 回复需填写必要信息