bootstrap 如何取消自适应


本文摘自PHP中文网,作者藏色散人,侵删。

bootstrap取消自适应的方法:1、去掉头部“<meta name="viewport" content="width=device-width, initial-scale=1.0”>”;2、设置.container宽度即可。

本教程操作环境:windows10系统、bootstrap3.0,本文适用于所有品牌的电脑。

推荐:《bootstrap视频教程》

禁用bootstrap响应式解决方法

前几天接到一个任务,用bootstrap框架写几个静态页面,由于长时间专注于后台开发,所以,花费了3天时间,才终于写完了页面,其中,来回的修改,把遇到的问题说一下。

47dda48dcc06f6027bf0dcc4822415f.png

用bootstarp做完页面后,组长当时又改变主意了,说不用bootstrap,或者禁用bootstrap响应式,没办法,只有禁用响应式,花费时间最短了,去bootstrap官网上看,禁用响应式的话,第一:去掉头部<meta name="viewport" content="width=device-width, initial-scale=1.0”>。第二:设置.container宽度,比如:

1

2

3

4

container{

width: 1170px;

max-width: none !important;

}

第三:采用.col-xs-(最小设备栅格类)的样式来代替.col-md-以及.col-lg-*。

但是,此时问题并没有结束。

阅读剩余部分

相关阅读 >>

bootstrap 怎么关闭弹出框

c#如何使用bootstrap模板

详解bootstrap中的标签、徽章、巨幕和页头

bootstrap为什么是12列

bootstrap模态框怎么用

bootstrap实现简单侧边导航栏效果

bootstrap组件怎么使用方法

bootstrap是响应式吗

bootstrap可以用于移动端吗

bootstrap组件怎么使用

更多相关阅读请进入《bootstrap》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...