关于禁用bootstrap响应式
来源:互联网 发布:淘宝怎么投诉卖家电话 编辑:程序博客网 时间:2024/05/29 08:40
有的时候我们只是纯粹喜欢bootstrap的样式和设计,做PC端网站并不需要到手机上呈现响应式,所以就发现了这样的一篇好文。。贼好使
转自第一:去掉头部
<meta name="viewport" content="width=device-width, initial-scale=1.0”>
。第二:设置.Container宽度,比如:container{
width: 1170px;
max-width: none !important;
}第三:采用.col-xs-(最小设备栅格类)的样式来代替.col-md-以及.col-lg-*。
但是,此时问题并没有结束。
现在给container一个固定宽度,白色背景的导航条宽度可以铺满浏览器,但是,随着屏幕变小,导航条白色背景就不能铺满浏览器变小后的宽度!还有就是我的轮播图也是要求铺满浏览器宽度,现在也变得居中显示了,心里想,早知道就不用bootstrap了,难道我现在还有重写页面?上网查了一下,没有找到解决方法,后来,灵机一动,我可以给body一个宽度啊,或者给导航条和轮播图分别也设置相同的宽度,这个时候的问题,就是,设置多少宽度合适啊?发现,不能这样做!
最后,用火狐调试代码的时候,无意之间发现了这个好东西,@media ,但是,我自己设置了,在浏览器上没反应,无语了,最后,花费了一点时间发现这个样式没写对。
所以,解决导航条和轮播图响应式问题的,第四点就是:
@media screen and (max-width: 1400px) {
body{
width: 1400px;
}
}
他的意思就是,当屏幕小于1400px的时候,把body宽度设置为1400px.不知道的读者可以上网学习一下,这可是一个好东西!最后,说一下,top指的是position绝对定位时的top。关于对span设置宽度和高度是没有作用的,他不是块级元素,div是块级元素,span是行内元素。如果想用span实现下图中的按钮,只需要根据需要设置padding即可。(padding:20px 20px等)
http://blog.csdn.net/u012759397/article/details/63262409
- 关于禁用bootstrap响应式
- 关于禁用bootstrap响应式解决方法
- Bootstrap禁用响应式布局
- Bootstrap禁用响应式布局
- bootstrap响应式导航
- bootstrap响应式导航
- bootstrap响应式布局
- Bootstrap 响应式实用工具
- Bootstrap响应式网格
- bootstrap 响应式实用工具
- bootstrap响应式布局
- 【Bootstrap】响应式实用工具
- Bootstrap响应式导航
- Bootstrap响应式标题
- intel响应式+bootstrap
- Bootstrap 响应式实用工具
- bootstrap响应式网页
- Bootstrap 响应式实用工具
- Log4J 配置文件
- IIS出现Server Error in ''/'' Application 的错误,解决方案
- PLSQL登录时怎么输入数据库地址
- dom4j操作xml
- 【HDU 6047 Maximum Sequence】 + 优先队列
- 关于禁用bootstrap响应式
- ZooKeeper程序员指南(转)
- Android视图状态及重绘流程分析,带你一步步深入了解View(三)
- 8.10 迹运算
- Ubuntu 修改用户密码方法详解
- python语言特性及面试知识点总结
- Qt Creator下载和安装(详细教程)-----包括整个qt环境搭建,很详细
- Django坑死人不偿命问题
- 2056不敢死队问题——约瑟夫变形