UI-Bootstrap, modale Abmessungen gemäß enthaltenem Bild anpassen

Question

Ich verwende eine komponentenbasierte Architektur und möchte das Bootstrap-Modal anzeigen, das an die Höhe und Breite des Bildes angepasst wird.

Die meisten Foren vorgeschlagen, Höhe und Breite in Prozent zu verwenden, aber das wird nicht helfen, da Bildgröße variieren kann.

Hat jemand das erreicht?

Answer 1

Dafür gibt es eine einfache Lösung. allererst müssen Sie die modale des width Eigenschaft außer Kraft zu setzen (Höhe wird automatisch einstellbar und sollte kein Problem sein), das modale Fenster verwendet die .modal-dialog Klasse, so !importent verwenden, um

.modal-dialog { 
    width: fit-content !important; 
} 

content-box wird anpassen Breite außer Kraft setzen die Breite entsprechend dem, was das Element enthält.

here's a demo