Модалы испортились и теперь переполнены

Question

Модалы в проекте, кажется, почему-то сломались. Это сработало несколько дней назад, теперь кажется, что оно сломалось. Контейнер 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>

Answer 1

Это происходит потому, что в bootstrap уже есть встроенный класс '.container', для которого задана ширина, попробуйте изменить имя класса и проверьте.