如何在模式引导对话框中使用网格？

Question

我正在尝试使用modal弹出窗口中的bootstrap-5网格系统。为了进行测试，我简单地采用了https://getbootstrap.com/docs/5.0/components/modal/中的主模式示例，并在modal-body中添加了网格示例

<div class="modal-body">
  <div class="container-fluid">
    <div class="row">
      <div class="col-md-4">.col-md-4</div>
      <div class="col-md-4 ms-auto">.col-md-4 .ms-auto</div>
    </div>
  ....

结果:网格在任何方面都不受尊重。但是为什么呢？

https://jsfiddle.net/3041fLwk/

Answer 1

我认为您的问题来自于您对ms-auto的使用--当我移除所有的ms-auto类时，网格就像预期的那样工作了。