UI-Bootstrap、画像に応じてモーダルディメンションを調整する

Question

コンポーネントベースのアーキテクチャを使用しており、画像の高さと幅に合わせてブートストラップモーダルを表示したい。

フォーラムのほとんどは、高さと幅をパーセント単位で使用することを提案しましたが、イメージサイズが変わる可能性があるため、これは役に立たないでしょう。

誰でもこれを達成しましたか？

Answer 1

これには簡単な解決策があります。まず第一に、あなたは調整され、モーダルウィンドウが.modal-dialogクラスを使用して、（高さが自動調整可能で、問題になることはありません）モーダルのwidthプロパティをオーバーライドする必要があるので、幅

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

content-boxを上書きする!importentを使用します。要素の内容に応じた幅

here's a demo