标签：blog http 使用 strong 文件 ar html log
不过正所谓“萝卜青菜各有所爱”，如果你想要使用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-*，这样就能确保栅格能够在所有设备中展开。
通过以上几个步骤，你便可以禁用自己项目中的响应式布局，还等什么？快试试吧！
Bootstrap禁用响应式布局,布布扣,bubuko.com
标签：blog http 使用 strong 文件 ar html log
原文地址：http://www.cnblogs.com/mxcy/p/3902972.html
