找了半天原因，最后发现原来是respond.js和bootstrap.min.css的顺序出了问题。
正确的顺序是：
<link rel="stylesheet" type="text/css" href="bootstrap.min.css" media="screen">
<!--[if lt IE 9]>
<script src="http://cdn.bootcss.com/html5shiv/3.7.0/html5shiv.min.js"></script>
<script src="http://cdn.bootcss.com/respond.js/1.3.0/respond.min.js"></script>
<![endif]-->
注意，css放在respond.min.js的上面。