筆者開發的web程序部署上線后發現，bootstrap的菜單不顯示，開發時候用chrome沒有發現問題，在360瀏覽器上跑，發現360默認的是兼容模式，切換到極速模式就能夠顯示菜單了。
但是這樣的用戶體驗不好，總不能讓用戶每次都自己切換，於是開始找辦法。
在<head>標簽里加入下面代碼
<meta http-equiv="X-UA-Compatible" content="IE=edge,Chrome=1" />
<meta http-equiv="X-UA-Compatible" content="IE=9" />
解釋如下：
針對瀏覽器的內容做標識（使用meta標簽調節瀏覽器的渲染方式）
bootstrap不支持IE兼容模式，為了讓IE瀏覽器運行最新的渲染模式，將添加以下標簽在頁面中
<meta http-equiv="X-UA-Compatible" content="IE=edge,Chrome=1" />
IE=edge表示強制使用IE最新內核，chrome=1表示如果安裝了針對IE6/7/8等版本的瀏覽器插件Google Chrome Frame（可以讓用戶的瀏覽器外觀依然是IE的菜單和界面，但用戶在瀏覽網頁時，實際上使用的是Chrome瀏覽器內核），那么就用Chrome內核來渲染。關於此meta標簽的具體說明，可參見StackOverflow上的精彩回答，<meta>標簽高人的英文解釋可以參看
http://stackoverflow.com/questions/6771258/whats-the-difference-if-meta-http-equiv-x-ua-compatible-content-ie-edge-e
我又加了一句
<meta http-equiv="X-UA-Compatible" content="IE=9" />
然后就可以了
內核控制Meta標簽，因為目前國內的主流瀏覽器都是雙內核，故而添加meta標簽來告訴瀏覽器使用什么內核來渲染頁面
原文部分內容來自：http://www.dailibu.com/javascript/2016052288/bootstrapBuZhiChiIEJianRongMoShi