今天下午在做切版，照著 Bootstrap 官網的教學做 table，這是一個欄位比較多的表格，PM希望可以有卷軸，所以我幫在 <table> 外面的 <div> 的 class 加上了 .table-responsive，結果卷軸在很奇怪的斷點才出現，表格中的文字也被推擠折行。花了一下午在研究這個問題，晚上回家又不死心，總算解了出來。
後來我用 CDN 的方式引入 Bootstrap 表格的程式碼，確認這種方式是可以成功產生卷軸。接著把我的表格內容一一貼到欄位中，卷軸竟然又出現在奇怪的斷點，文字也被推擠折行，才發現是中文字的問題。
後來的解法是在 <td> 加上 class=”text-npwrap” ，這樣中文字就不會折行，也不會在奇怪不確定的地方才出現卷軸。
這個小小的坑竟然雷了我一下午XD。