как располагается верстка при указании только одного девайса

[mstdmstd]

Всем привет,
Читая доку по bootstrap-у, я не совсем уяснил для себя, а как располагается верстка при указании только одного девайса на других дивайсах?
Например, если указан только класс для планшетов col-sm- :

                            <div class="form-group">
                                <label for="name" class="col-sm-3 control-label">Name</label>
                                <div class="col-sm-9">
                                    <input id="name" name="name" value="" size="30" maxlength="100" class="form-control" type="text" >
                                </div>
                            </div>

Значит, что на мобильных будет приминен класс col-sm-12 как для лейбла так и для инпута, а на лаптопах и на больших мониторах col-sm-3/col-sm-9 ?

  Спасибо !

 

[Igor Schnaider]

.col-sm-N означает, что на малом размере дисплея блок займет N колонок из 12.

Аналогично, .col-lg-3 - 3 колонки из 12, но уже на большом экране.

[klierik]

.col-xs-6 — значит что на экранах от -xs- и выше блок займёт 6 из 12 колонок (50%)
.col-sm-6 — значит что на экранах от -sm-  и выше блок займёт 6 из 12 колонок (50%)
.col-md-6 — значит что на экранах от -md-  и выше блок займёт 6 из 12 колонок (50%) 
.col-lg-6 — значит что на экранах от -lg- и выше блок займёт 6 из 12 колонок (50%) 

.col-xs-12.col-lg-6 — значит что на экранах от -xs-  и выше блок займёт 12 из 12 колонок (100%), но при достижении -lg- блок начнёт занимать 6 из 12 колонок (50%)
.col-xs-12.col-md-6.col-lg-4 — значит что на экранах от -xs-  и выше блок займёт 12 из 12 колонок (100%), но при достижении -md- блок начнёт занимать 6 из 12 колонок (50%). а когда ширина экрана достигнет -lg- блок начнет занимать 4 из 12 колонок (33.333%)