Force-Zelle "Inhalt" in Bootstrap-Thumbnail-Tabelle zu löschen

Question

Ich habe eine Tabelle generiert, die in einem "Container" und "Thumbnail" div im Twitter-Bootstrap-Framework angezeigt wird. Eine der Zellen enthält Schaltflächen, die ich in einer einzelnen Zeile angezeigt werden möchte, also gibt es innerhalb eines <nobr> Tags. Das Problem ist, dass die "Button" -Bilder über die Grenzen der Tabelle hinausgehen. Gibt es eine einfache Lösung?

hier Demo: http://www.bootply.com/ElSeqdESoO#

Das Update sollte dynamische Spaltenbreiten verwenden (andere Spalten sollte Inhalt wickeln, die letzte Spalte aus der sich über den Tisch Grenze zu verhindern).

Answer 1

Es scheint, als ob die letzte Spalte nicht genug Breite hat. Vorausgesetzt, es würde Ihnen nichts ausmachen, die gleiche Breite der Spalten (irgendeine Zahl) zu haben, fügen Sie diese zu css hinzu.

table{ table-layout: fixed; } 

Mit freundlichen Grüßen

Answer 2

fand ich eine Lösung, die nicht unbedingt kompatibel mit allen Browsern, CSS flexible Boxen verwenden. Ich habe das folgende Attribut zum <nobr> tag:

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

Dies bewirkt, dass die Symbole in einer Flexbox gewickelt werden, die auch ein Schrumpfen über 60px verhindert wird.