В Bootstrap верстке на малых устройствах все поля в 2 колонки

[mstdmstd]

Всем привет,
В куске бутстрап кода где на средних и крупных устройствах все поля в 2 колонки :
 

<div class="row ">
<div class="form-group col-sm-12 col-md-6 ">
<label for="id" class="col-xs-12 col-sm-6 control-label">Id</label>
<div class="col-xs-12 col-sm-6">
<input class="form-control integer_input validate" value="1" id="id" readonly="">
</div>
</div>
<div class="form-group col-sm-12 col-md-6 ">
<label for="lender_name" class="col-xs-12 col-sm-6 control-label">Кредитор
<span class="required"> * </span>
</label>
<div class="col-xs-12 col-sm-6">
<input class="form-control string_input validate" value="DATA SERVICING CORPORATION, INC." id="lender_name" name="lender_name" maxlength="255">
</div>
</div>
</div>

и поэтому на очень маленьких устройствах все поля/лейблы складываются с новой строки
Preview

На ipad-ах я полагал что два блока полей(Id,lender_name) будут расположены с новых строк, но нет: Preview
Что я упустил ?

В онлайне :



Спасибо!

[klierik]

Потому что на -xs- кол-во колонок равно 12: http://take.ms/AS22z

[mstdmstd]

А как тогда правильно ?