Question

我试图改变我的ng-bootstrap模式的大小，我尝试了很多方法，包括this和this但是没有什么对我有用！所以任何人都可以给我一些关于如何在 angular2 中控制ng-bootstrap模态宽度的提示。感谢

Answer 1

我通过向模板添加默认引导 css 类 modal-lg 解决了这个问题：

<div id="modalId" role="dialog">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title">Title</h4>
            </div>
            <div class="modal-body">
                Body
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">
                    Save
                </button>
            </div>
        </div>
    </div>
</div>

引导程序默认大小：

小：modal-sm
大：modal-lg
超大：modal-xl

其他选项：

垂直居中：modal-dialog-centric
可滚动内容：modal-dialog-scrollable

更改ng-bootstrap UI中的模态大小（角度2）

1 个答案: