模态搞砸了,现在溢出了

时间:2019-04-08 09:45:10

标签: html bootstrap-4

该项目中的模态似乎由于某种原因而中断。它在几天前工作了,现在好像坏了。容器div溢出。

This is a sample html I've been using after all the modals broke
<!-- Modal -->
<div id="regHomeModal" class="modal fade" role="dialog">
  <div class="modal-dialog modal-lg">

    <!-- Modal content-->
    <div class="modal-content">
      <div class="modal-header">
        <h4 class="modal-title">Modal Header</h4>
        <button type="button" class="close" data-dismiss="modal">&times;</button>
      </div>
      <div class="modal-body">

        <div class="container" style="border-style: dotted; border-color: black;">
          <div class="row" style="border-style: dotted; border-color: red;">
            <div class="col-sm-9">
              <btn class="test btn btn-info btn-block btn-lg">TEST BUTTON</btn>
            </div>
          </div>
        </div>

      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
      </div>
    </div>

  </div>
</div>

1 个答案:

答案 0 :(得分:0)

之所以会这样,是因为引导程序已经有一个内置的'.container'类,其宽度已预定义,请尝试更改类名称并进行检查。