Почему в bootstrap в модальное окно не влазит содержимое?

Question

[stepaniwe]

<!-- Modal -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"　aria-hidden="true">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
        <span aria-hidden="true">&times;</span>
        </button>
        <div class="col-xs-1">
          <img src="img/70.svg" alt="">
        </div>
        <div class="col-xs-offset-1 col-xs-7">
          <span class="package__number">70</span><br>
          <span>каналов</span>
        </div>
      </div>
      <div class="modal-body">
        <span>
          Социальный пакет, в который вошли федеральные, познавательные, детские, спортивные, развлекательные каналы.
        </span>
        
          <div class="col-xs-6">
            <span class="modal__desc">Эфирные</span><img src="img/icon3.png" alt="" class="modal__img">
          </div>
          <div class="col-xs-6">
            <span class="modal__desc">Эфирные</span><img src="img/icon3.png" alt="" class="modal__img">
          </div>
                    <div class="col-xs-6">
            <span class="modal__desc">Эфирные</span><img src="img/icon3.png" alt="" class="modal__img">
          </div>
          <div class="col-xs-6">
            <span class="modal__desc">Эфирные</span><img src="img/icon3.png" alt="" class="modal__img">
          </div>
                    <div class="col-xs-6">
            <span class="modal__desc">Эфирные</span><img src="img/icon3.png" alt="" class="modal__img">
          </div>
          <div class="col-xs-6">
            <span class="modal__desc">Эфирные</span><img src="img/icon3.png" alt="" class="modal__img">
          </div>
        
      </div>
    </div>
  </div>

Answer 1

[Alexey Bille]

Добавь к modal-body класс row
или оберни все col-xs-6 в div с классом row

Comments

[Максим Тимофеев]

col-xs-* классы всегда должны быть внутри контейнера с классом row.
не советую добавлять к modal-body класс row, лучше второй вариант, обвернуть его содержимое в div с классом row