在 ng-bootstrap UI 中更改模态大小(角度 2)

Question

我正在尝试更改我的 ng-bootstrap 模态的大小，我尝试了很多方法，包括这个和这个，但没有一个对我有用！，所以谁能给我一些提示如何在 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>

引导默认大小：

• 小：模态-SM
• 大：模态-lg
• 超大号：莫代尔-xl

其他选项：

• 垂直居中：以模式对话框为中心
可滚动
• 内容：模式对话框可滚动