bootstrap响应式布局是必须要把所有元素写在栅格里面实现响应式,还是只引入bootstrap文件就可以呢?

如果是前一种,那请问bootstrap的栅格结构是干什么用的?还有bootstrap是如何实现响应式布局的。

我在网上查了bootstrap 3.x以上版本已经把bootstrap-responsive.css文件给删了,我更不知道怎么用了。求大神指导!急,在线等!!!!

第1个回答  2015-11-03
你好,很高兴为你作答。
bootstrap-responsive.css文件是为了兼容更多的移动设备使用的,你可以查看源码,内部是一些媒体查询代码。bs的响应式在bootstrap.css文件里面就有的。

bootstrap的栅格结构并不是通过该文件实现,只要你使用row - col-xx-数字 的方式就可以实现响应式,版本2的话应该是 row span数字 的形式实现响应式。

也就是说,bootstrap-responsive.css类似强化文件(兼容更多的设备),不知道有没有为楼主解惑呢。追问

是不是我必须要用bootstrap里面的类才可以实现响应式?我看了源码,里面写了很多768px,不是有三种分辨率的临界点吗?那如果在手机上看是不是会乱掉?(如果我要自己添加元素和类,是不是要写在栅格里面才能实现响应式?)

追答

如果选择了bootstrap就没必要自己写样式了,只需用他的col-md col-lg col-xx等放在div实现栅栏即可。bs本身就是“移动设备优先”的,所以,请放心使用。

追问

非常感谢,我在想是不是要把元素写在container类里面才能实现响应式呢?

非常感谢,我在想是不是要把元素写在container类里面才能实现响应式呢?

追答

嗯,布局就按官方中文站的资料进行布局。用多了之后,就会自己有自己的见解了。

本回答被提问者和网友采纳
相似回答