Bootstrap 内部有图像宽度的模态

Bootstrap modal which has the width of it's image inside

我正在使用 bootstrap 模式来显示图像,我希望此模式的宽度与内部图像的宽度相同。

这是我目前尝试过的 Plunker。没有任何额外的 css,modal-dialog 的宽度是恒定的,等于 600px,如果我们放置 width:auto,它只会将模式的宽度扩展到最大值(这就是为什么我把 max-width:90%)

有什么想法吗?

(object 标签很好,我需要用它来解决其他问题)

谢谢!

默认情况下,块元素将扩展到其父元素的宽度,设置为 display:inline-block 将默认宽度为具有布局的子元素

.modal-dialog{text-align:center;}
.modal-content{display:inline-block;}

http://plnkr.co/edit/QF2jp2KJKgAyNEz8tHQA?p=preview