Twitter Bootstrap 的文字方塊大小不正常? CSS 之外，留意一下DOCTYPE吧!
開發其中一隻使用Twitter Bootstrap 的Web App 時出現一個怪怪的現象。當中的 Text box 的 size 異常的細小了。
 |
| Text Field 明顯比Button 細小 |
嘗試在CSS 手動調整 Height, Font-Size, Line-Height.......最後總覺得沒理由那麼出名的UI Framework，會出現如此醜陋的表現。
終於發現自己的一個低級錯誤: 沒有放置於文件的最高位置，導致瀏覽器錯誤判斷它的文件類型 (Document Type Definition (DTD))，因而出現非預期的設計。
順帶提點一下，宣告 DOCTYPE 請全部以大寫完成:
 |
| 正確表明 DOCTYPE 後，便回復正常 |