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禁止响应式的方法-创新互联
当前网址：https://www.cdcxhl.com/article8/dceoop.html

成都网站建设公司_创新互联，为您提供虚拟主机、网站改版、网站设计公司、网站营销、用户体验、网站内链

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联