低版本IE支持Bootstrap

这个是结合了网上的资料和自己的实际经验，网上有些不知什么原因没有效果。

1.头部引入相关JS,注意一定要放在CSS文件引入后面,使得低版本IE调用对应文件,不要用`file://`或`@import`形式引用
```html


```
html5shiv’s GitHub: https://github.com/aFarkas/html5shiv
respond’s GitHub: https://github.com/scottjehl/Respond
css3-mediaqueries’s Google code: https://code.google.com/p/css3-mediaqueries-js/

2.针对浏览器的内容做标识，使用meta标签调节浏览器的渲染方式
Bootstrap不支持IE兼容模式，为了让IE浏览器运行最新的渲染模式，将添加以下标签在页面中：
```html
<meta http-equiv="X-UA-Compatible" content="IE=edge,Chrome=1" />
<meta http-equiv="X-UA-Compatible" content="IE=9" />
```
`IE=edge`表示强制使用IE最新内核，`chrome=1`表示如果安装了针对IE6/7/8等版本的浏览器插件 Google Chrome Frame （可以让用户的浏览器外观依然是IE的菜单和界面，但用户在浏览网页时，实际上使用的是Chrome浏览器内核），那么就用Chrome内核来渲染。关于此meta标签的具体说明可参见StackOverflow上的精彩回答，标签高人的英文解释可以参看：
http://stackoverflow.com/questions/6771258/whats-the-difference-if-meta-http-equiv-x-ua-compatible-content-ie-edge-e
目前国内的主流浏览器都是双内核，故而添加meta标签来告诉浏览器使用什么内核来渲染页面。

3.IE8不完全支持box-sizing:border-box与min-width, max-width, min-height或max-height的一起使用。所以，v3.0.1的Bootstrap中对container的类已经不再使用max-width了。

4.DOCTYPE标签前后不要有任何空行或空格
```html
<!DOCTYPE html>
<html>
```

5.如果使用的是Bootstrap2.1.1，修改了`navbar-inner{filter:none}`可解决问题。如果使用的是3.0+版的没有这段代码了。详细介绍请看：
http://stackoverflow.com/questions/12460190/bootstrap-navbar-does-not-show-in-ie8

6.关于placeholder，有现成的一些js，但是并不能很好适配Bootstrap，我自己结合网上数据写了一个js：
```javascript
// To support placeholder in early IE
$(function() {
	if (!('placeholder' in document.createElement('input'))) {
		$('input[placeholder]').each(function() {
			$(this).before('<span id="' + $(this).attr('id') + '_ph" class="placeholder" style="padding: ' + $(this).css('padding') + '; font: ' + $(this).css('font') + '; font-size: ' + $(this).css('font-size') + '; margin-left: ' + (parseInt($(this).css('margin-left')) + 1) + 'px; margin-top: ' + (parseInt($(this).css('margin-top')) + 1) + 'px">' + $(this).attr('placeholder') + '</span>');
			var parentId = $(this).attr('id');
			$(this).bind('propertychange', function() {
				if ($(this).val().length > 0) {
					$('#' + parentId + '_ph').hide();
				} else {
					$('#' + parentId + '_ph').show();
				}
			})
			$('#' + parentId + '_ph').click(function() {
				$('#' + parentId).focus();
			});
			$(this).change('');
		});
	}
});

附上两篇不错的文章也可以参考：
http://hustlzp.com/post/2014/01/ie8-compatibility
http://ju.outofmemory.cn/entry/1595

data.update.lastsys.time.agopunc.commaarticle.create.bypunc.commaarticle.file.inpunc.colonBootstrap

低版本IE支持Bootstrap

sys.donate