強制單元格在引導程序縮略圖表中「清除」內容

Question

我生成了一個顯示在twitter引導程序框架的「容器」和「縮略圖」div中的表格。其中一個單元格包含我希望顯示在單行上的按鈕，因此在<nobr>標記內。問題是「按鈕」圖像超出了表格的限制。有一個簡單的解決方法嗎？

演示這裏：http://www.bootply.com/ElSeqdESoO#

的修復應使用動態列寬度（其它列應包有內容，從而防止最終的柱從延伸的表邊界之外）。

Answer 1

看起來最後一列沒有足夠的寬度。提供，你不介意有相等的列寬（任何數量），將此添加到CSS。

table{ table-layout: fixed; } 

問候

Answer 2

我找到了解決辦法，不一定所有的瀏覽器兼容，使用CSS靈活盒。添加以下屬性到<nobr>標籤：

style="display:flex; flex-shrink: 0; min-width:60px;"

這使得圖標被包裹在其也從超出60像素收縮防止Flexbox的。