Bootstrap禁用响应式布局
来源:互联网 发布:对称矩阵特征向量正交 编辑:程序博客网 时间:2024/05/18 17:05
在Bootstrap中极其重要的一个技术内容便是响应式布局了,一次编码针对不同设备终端的强大能力使得响应式技术愈发流行。
不过正所谓“萝卜青菜各有所爱”,如果你想要使用Bootstrap开发自己的项目却又恰巧不太喜欢响应式布局(或者你所设计的页面布局不允许你使用响应式技术),那么你可以通过以下方式禁用响应式布局。
移除标签
禁用第一步,就是需要移除在head标签中添加的
<meta name="viewport" content="width=device-width, initial-scale=1.0”>
该标签的作用在于使得你的网站在移动设备端被访问的时候,不会进行缩放,而是以100%的比例显示在移动设备中。
设定宽度
禁用第二步,为.container类设置一个宽度,从而覆盖它根据设备宽度而自动调节的功能。
例如你可以设定.container {width: 980px;},为了起到覆盖原bootstrap样式的作用,最好将你自定义的css文件在bootstrap.css文件之后引入。
删除菜单折叠
倘若你采用了导航栏,那么就要注意删掉菜单在移动端的折叠样展开式(主要通过button的navbar-toggle来实现)。
栅格布局
除此之外,如果你采用了栅格布局,那么就要采用.col-xs-*(最小设备栅格类)的样式来代替.col-md-*以及.col-lg-*,这样就能确保栅格能够在所有设备中展开。
0 0
- Bootstrap禁用响应式布局
- Bootstrap禁用响应式布局
- 关于禁用bootstrap响应式
- bootstrap响应式布局
- bootstrap响应式布局
- BootStrap响应式布局
- bootstrap:响应式布局
- 关于禁用bootstrap响应式解决方法
- Bootstrap 响应式布局模板
- bootstrap响应式布局注意
- Bootstrap 响应式网格布局
- bootstrap 响应式布局 居中问题
- bootstrap-sass 响应式网页布局
- bootstrap响应式布局的控制原理
- bootstrap响应式布局的实用类
- 使用BootStrap进行响应式布局案例
- 第一次接触响应式布局(Bootstrap)
- bootstrap响应式布局学习日记
- 历届试题 猜字谜
- 解决Android studio 编译报错 Error:null value in entry: outputDirectory=null
- 详解java设计模式(二)之工厂模式上篇(创建型)
- Linux到底是什么
- win7 : 找不到该项目,无法删除
- Bootstrap禁用响应式布局
- HTTP中的GET与POST本质上是一样的
- 史上最全的MonkeyRunner自动化测试从入门到精通(6)
- Cocos Creator 开篇
- EsgynDB/Trafodion 如何解决OOM
- MyBatis之一对多关联查询
- hibernate数据表逆向生成有xml文件问题
- 二叉查找树
- Node.js模块 require和 exports