Почему неправильно формируется ширина модального окна при масштабировании на айпаде?

Попробуй запихнуть после div.row теги label && input в div.col-lg-* col-md-* col-sm-* col-xs-*

Примерно так

<div class="row">
   <div class="col-lg-* col-md-* col-sm-* col-xs-*">
      <label>.....</label>
      <input>
   </div>
</div>

* - это значение ширины в bootstrap от 1 до 12.