最近开始设计个人网站，又重新回到响应式的学习上，以下是我的网站的代码头。
首先是bootstrap的引用
<!-- Bootstrap -->
<link href=''css/bootstrap.min.css'' rel=''stylesheet''>
<link href=''css/bootstrap-theme.min.css'' rel=''stylesheet''>
接下来是bootstrap的JS组件，由于其依赖于JQuery库，所以同时在文档底引入JQuery库：
注意：顺序不要换，不然会报错
<!-- jquery (neccessary for Bootstrap's JavaScript plugins) -->
<script src=''https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js''></script>
<!-- Include all complied plugins(below), or include individual files as needed -->
<script src=''js/bootstrap.min.js></script>
紧接着是IE系的兼容性解决：
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING : Respond.js doesn't work if you view the page via file:// -->
<!-- [ if it IE 9 ] >
<script src=''https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js></script>
<script src=''https://oss.maxcdn.com/respond/1.4.2/respond.min.js></script>
<! [ endif ] -->
html5shiv--百度百科和respond.js分别对应于解决html5新元素于css3的media query问题。
最后贴下我的元标签：
<meta charset=''utf-8''>
<meta http-equiv=''X-UA-Compatible'' content=''IE=edge''>
<meta name=''viewport'' content=''width=device-width,initial-scale=1''>
X-UA-Compatible用于告诉IE8该用何种方式渲染文档，其值IE-edge指代用最新的引擎渲染网页。另外还有值chrome=1用于激活chrome frame。（参考Sivan' Blog）
这三条必须放在head中的最靠前，其它标签在其后。
好了，就是这些了，谢谢阅读~~~
补充1：
由于google在国内被墙的原因，google提供的公共库没办法访问，包括以下（由于一直挂着VPN，所以没有感受....蛋疼）
ajax.googleapis.com - 前端公共库
fonts.googleapis.com - 免费字体库
themes.googleusercontent.com - fonts 有时会使用到这个里面的资源
上述的ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.jsCDN服务，我选择下载下来使用。
如果是访问使用了google CDN服务的网页需要提速的话，这里有一个github上的开源插件可以用，名字是 Replace Google CDN.
补充2：
刚刚逛知乎，发现一个不错的CDN服务，bootCDN，尚未测试，暂且记下。
更新于 17.06,08
