如何加宽模态的window？

Question

模态是这样的：

modal

我真的很想扩大 window 以便用户满意。

如何在 Bootstrap 或 CSS 上执行此操作？

<div class="modal-header">
   <h4 class="modal-title" id="modal-error-title">Une erreur s'est produite</h4>
   <button type="button" class="btn-close" aria-label="Close button" aria-describedby="modal-title" (click)="close()"></button>  
</div>
<div class="modal-body">
   <div class="table-responsive">
      <table class="table table-striped">
         <thead>
            <tr>
               <th scope="col" style="width: 20%">type </th>
               <th scope="col" style="width: 20%">Code erreur </th>
               <th scope="col" style="width: 60%">Message </th>
            </tr>
         </thead>
         <tbody>
            <tr>
               <td>Warning</td>
               <td>SCH00</td>
               <td>COMAddError in error for RTG SCH00</td>
            </tr>
         </tbody>
      </table>
   </div>
</div>
<div class="modal-footer justify-content-center">
   <button type="button" class="btn btn-primary" (click)="close()">Fermer la fenêtre </button>
</div>

Answer 1

您可以尝试添加 .modal-lg 或 mx-5 如果这对您来说还不够，您可以为元素声明 id 并可以手动增加它们的大小或只添加更多填充如果你愿意的话。

如何加宽模态的window？

How to widen the window of the modal?

css

bootstrap-4