table-responsive 卷軸的坑
今天下午在做切版，照著 Bootstrap 官網的教學做 table，這是一個欄位比較多的表格，PM希望可以有卷軸，所以我幫在 table外面的 div的 class 加上了 .table-responsive，結果卷軸在很奇怪的斷點才出現，表格中的文字也被推擠折行。花了一下午在研究這個問題，晚上回家又不死心，總算解了出來。
Category Bootstrap
Bootstrap 卡片與頁籤混雙
今天在幫一個舊系統升版到 VUE3 跟 Bootstrap5，舊系統是用 Bootstrap-Vue 與 Vue2 做整合，所以很多 HTML 結構要從 Bootstrap-Vue 拆出來，有些程式邏輯要另外寫。今天在拆一個卡片頁籤，發覺 Bootstrap 官方文件卡片頁籤只有結構，沒有可以切換的範例，所以我筆記一下 頁籤卡片(nav-tabs + card)要如何做出可以切換的互動。