ブートストラップサムネイルテーブル内のセルを強制的にクリアする

Question

私は、twitterブートストラップフレームワークの "container"と "thumbnail" div内に表示されるテーブルを生成しました。 1つのセルにはボタンが1行に表示されたいので、<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;"

をこれは、アイコンも60PXを超えて縮小することが防止されるフレキシボックスに包まれるようにします。