雖然bootstrap2.x都沒有學好，但既然3.0正式發布了，果斷切換到3重新學習啊。
結果才做到導航條就遇到坑了，這里簡單談談遇到的3個坑。
下拉菜單的子菜單dropdown-submenu被去掉
這個很讓人傷心，畢竟3級目錄是很常見的，結果只能自己實現，但是畢竟比不上官方的，而且bootstrap3是移動先行，自己寫的submenu難以面面俱到，在移動下展現的不是很好。
而且更讓人傷心的是bootstrap3里單獨為dropdown和dropup設置了caret的小icon，但以前很好看的submenu icon沒了，只能自己用附帶的glyphicon去定制。
icon圖片變成font
原來的圖片加起來才20KB，現在的fonts文件夾足有120KB，當然便捷性也是很多的，如通過font的屬性來設置大小、顏色等。
但原來的圖片可以當背景圖，背景圖的位置也很好確定，現在就坑爹了，不敢改變元素的display屬性，只能用負margin來定位，很別扭。
奇葩的附加按鈕輸入框
在導航欄里弄了個附加按鈕輸入框，結果在firefox和chrome里顯示還不一樣，firefox顯示正常，但chrome里輸入框竟然獨占一行，一下亂掉了。這個要改起來就傷腦筋了，因為是響應式的，媒體查詢也要相應的更改，蛋碎。
另外firefox下的輸入框也不是完全的正常，其small尺寸的輸入框的line-height沒法設置，導致整個輸入框的水平抬高了，和同一行的其他元素不在一個水平上，這個bug在2011年就向mozilla報告了，現在還沒fix，讓人心涼，要讓其正常還得hack，雖然不是很難但也難受啊。。
根據觀察bootstrap3的很多坑都是由支持移動設備帶來的，其目標是想做到同一套html/css就能同時支持pc和移動設備，不過看起來的確很難，希望bootstrap3能夠盡快把這些坑都添上，另外多提供一些案例，如果有些坑不好填，至少給出官方的hack方法啊。。