如何在方形框中获得引导弹出框

Question

如何在正方形框中获得bootstrap弹出框，目前它是矩形的，但是我需要正方形框..请在此先谢谢您的帮助...

示例：

<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">

<ng-template #content let-c="close" let-d="dismiss">
        <div class="modal-body">
            <button type="button" class="close" aria-label="Close" (click)="d('Cross click')">
                <span aria-hidden="true">&times;</span>
            </button>
            <input type="file" (change)="onFileChange($event)" />
            <button type="button" class="btn btn-info btn-sm" (click)="c('Save click')">Save</button>
            &nbsp;
            <button type="button" class="btn btn-info btn-sm" (click)="c('Save click')">Cancel</button>
        </div>

    </ng-template>

Answer 1

将高度和宽度设置为相同，您可以在css中创建一个类并将其分配给模式div。

   .myCustomModal {
        height: 100px ;
         width: 100px;
    }