BootStap与响应式布局

1.响应式布局，响应式布局是实现了浏览器的兼容，以及对于不同的屏幕大小来自动调整。

在不同的浏览器或者平台，手机上，网站页面自动适应，达到正常的显示效果，

，版本3在IE8上不能实现响应式布局。版本3更倾向与移动端。

BootStap 其实就是帮你写好的CSS文件；
不兼容是因为BootStap3写的CSS代码不兼容IE8以下；
要兼容直接修改BootStap的CSS代码就可以了。
至于怎么写兼容性写CSS代码那你就搜索吧

2.Bootstrap3之于Bootstrap2最大的变化是移动优先、扁平化设计、以及浏览器兼容性方面。

扁平化的概念最核心的地方就是放弃一切装饰效果，诸如透视，纹理，渐变等等能做出3D效果的元素一概不用。所有的元素的边界都干净利落，没有任何羽化，渐变。尤其在手机上，更少的按钮和选项使得界面干净整齐，使用起来格外简洁。可以更加简单直接的将信息和事物的工作方式展示出来，减少认知障碍的产生。

BootStap2注重与凹凸风格设计，透视，纹理，渐变(BootStrap2兼容IE8，IE7，IE6的，但是BootStrap3不兼容)

浏览器兼容性，一直是前端工程师心中拔不去的刺，IE8、IE7甚至IE6在国内的占有率迫使很多web应用不得不去兼容它们。
所以在选择一个框架之前，你必须对自己的客户群体有所了解，从而对兼容性进行取舍。
如果你需要兼容IE8甚至是IE7和IE6，那么只能选择Bootstrap2，虽然它自身在IE6的效果也并不完美。
但是倘若你跟随时代的脚步，并且面向的客户也很高端大气上档次地选择只需要兼容高级浏览器，那么Bootstrap3就是你不二的选择。