Bootstrap模态,里面有宽度的图像

时间:2015-09-14 22:45:38

标签: css twitter-bootstrap bootstrap-modal

我使用bootstrap模式来显示图像,我希望这个模态的宽度与里面的图像相同。

以下是我迄今为止尝试过的Plunker。没有任何额外的css,modal-dialog的宽度是常数并且等于600px,如果我们放width:auto它只是将模态的宽度扩展到最大值(这就是为什么我放{ {1}})

有任何想法吗?

(对象标签很好我需要将其用于其他原因)

谢谢!

1 个答案:

答案 0 :(得分:9)

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

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

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