Tony

網站開發日趨複雜以及分工細密，像我這種沒有美感的工程師，功能開發完成又要兼顧網頁美觀，Bootstrap簡單上手還可以嚇唬一下不懂的人，但前端的開發又是一門學問，網路上正好看到這篇Bootstrap的十個錯誤用法，提醒許多工程師，在好用的Framework仍要搞懂適合的使用時機與方法，裡面提到幾點還蠻實用的列出來分享一下。

1. 對於改寫預設Bootstrap樣式，不建議直接修改原檔，因為原檔是由LESS語言產生出來的，並且日後若有Bootstrap升級需求，會影響舊有樣式。建議解決方案是Customize Bootstrap產生新的css。
2. Bootstrap基於英文語系國家開發，對於中文字的顯示並不是那麼適合，建議將預設字體改為微軟正黑體，font-size:108%。

body,input,button,select,textarea{
     font-family: "Helvetica Neue", Helvetica, Arial, "微軟正黑體", "微软雅黑", "メイリオ", "맑은 고딕", sans-serif;
     font-size:108%;
}

h1,h2,h3,h4,h5,h6{
     font-weight:normal; 
}
或
h1,h2,h3,h4,h5,h6{
     font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;  
}

參考資料：

1. Bootstrap的十個錯誤用法
2. 使用 bootstrap css 再外加的字型設定