本文摘自PHP中文网,作者藏色散人,侵删。
bootstrap取消自适应的方法:1、去掉头部“<meta name="viewport" content="width=device-width, initial-scale=1.0”>”;2、设置.container宽度即可。
本教程操作环境:windows10系统、bootstrap3.0,本文适用于所有品牌的电脑。
推荐:《bootstrap视频教程》
禁用bootstrap响应式解决方法
前几天接到一个任务,用bootstrap框架写几个静态页面,由于长时间专注于后台开发,所以,花费了3天时间,才终于写完了页面,其中,来回的修改,把遇到的问题说一下。
用bootstarp做完页面后,组长当时又改变主意了,说不用bootstrap,或者禁用bootstrap响应式,没办法,只有禁用响应式,花费时间最短了,去bootstrap官网上看,禁用响应式的话,第一:去掉头部<meta name="viewport" content="width=device-width, initial-scale=1.0”>。第二:设置.container宽度,比如:
1 2 3 4 |
|
第三:采用.col-xs-(最小设备栅格类)的样式来代替.col-md-以及.col-lg-*。
但是,此时问题并没有结束。
相关阅读 >>
更多相关阅读请进入《bootstrap》频道 >>
Vue.js 设计与实现 基于Vue.js 3 深入解析Vue.js 设计细节
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者