bootstrap 如何取消自适应
文章标签
自适应
bootstrap取消自适应的方法:1、去掉头部“
本教程操作环境:windows10系统、bootstrap3.0,本文适用于所有品牌的电脑。
推荐:《bootstrap视频教程》
禁用bootstrap响应式解决方法
前几天接到一个任务,用bootstrap框架写几个静态页面,由于长时间专注于后台开发,所以,花费了3天时间,才终于写完了页面,其中,来回的修改,把遇到的问题说一下。
用bootstarp做完页面后,组长当时又改变主意了,说不用bootstrap,或者禁用bootstrap响应式,没办法,只有禁用响应式,花费时间最短了,去bootstrap官网上看,禁用响应式的话,第一:去掉头部
@media screen and (max-width: 1400px) {body{width: 1400px;}}
他的意思就是,当屏幕小于1400px的时候,把body宽度设置为1400px.不知道的读者可以上网学习一下,这可是一个好东西!
最后,说一下,top指的是position绝对定位时的top。关于对span设置宽度和高度是没有作用的,他不是块级元素,div是块级元素,span是行内元素。如果想用span实现下图中的按钮,只需要根据需要设置padding即可。(padding:20px 20px等)
由于不是前端人员,所以对这些样式不是很熟,不喜勿喷。