UI-Bootstrap,根据包含的图像调整模态尺寸

时间:2017-10-26 07:27:29

标签: angularjs angular-ui-bootstrap angular-bootstrap

我正在使用基于组件的架构,并希望显示自举模式,该模态可以调整为图像的高度和宽度。

大多数论坛建议使用百分比的高度和宽度,但这不会有所帮助,因为图像大小可能会有所不同。

有没有人实现过这个目标?

1 个答案:

答案 0 :(得分:2)

有一个简单的解决方案。首先,你需要覆盖模态的width属性(高度是可自动调整的,不应该是一个问题),模态窗口使用.modal-dialog类,所以使用!importent来覆盖宽度

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

content-box将根据元素包含的内容调整宽度。

here's a demo