Три једнаке колоне

Набавите три колоне једнаке ширине почевши од десктопа и скалирајте до великих десктопа . На мобилним уређајима, таблетима и испод, колоне ће се аутоматски слагати.

.цол-мд-4
.цол-мд-4
.цол-мд-4

Три неједнаке колоне

Набавите три колоне почевши од десктопа и скалирајте до великих десктопа различитих ширина. Запамтите, број колона мреже треба да износи до дванаест за један хоризонтални блок. Више од тога, колоне почињу да се слажу без обзира на област приказа.

.цол-мд-3
.цол-мд-6
.цол-мд-3

Две колоне

Набавите две колоне почевши од десктопа и скалирајте до великих десктопа .

.цол-мд-8
.цол-мд-4

Пуна ширина, једна колона

За елементе пуне ширине нису потребне мрежне класе.


Две колоне са две угнежђене колоне

Према документацији, угнежђивање је лако — само ставите ред колона у постојећу колону. Ово вам даје две колоне почев од десктопа и скалирање до великих десктопа , са још две (једнаке ширине) унутар веће колоне.

На величинама мобилних уређаја, таблета и ниже, ове колоне и њихове угнежђене колоне ће се слагати.

.цол-мд-8
.цол-мд-6
.цол-мд-6
.цол-мд-4

Мешано: мобилни и десктоп

Мрежни систем Боотстрап 3 има четири нивоа класа: кс (телефони), см (таблети), мд (стони рачунари) и лг (веће радне површине). Можете користити скоро сваку комбинацију ових класа да бисте креирали динамичније и флексибилније распореде.

Сваки ниво класа се повећава, што значи да ако планирате да поставите исте ширине за кс и см, потребно је само да наведете кс.

.цол-кс-12 .цол-мд-8
.цол-кс-6 .цол-мд-4
.цол-кс-6 .цол-мд-4
.цол-кс-6 .цол-мд-4
.цол-кс-6 .цол-мд-4
.цол-кс-6
.цол-кс-6

Мешано: мобилни, таблет и десктоп

.цол-кс-12 .цол-см-6 .цол-лг-8
.цол-см-6 .цол-лг-4
.цол-кс-6 .цол-см-4
.цол-кс-6 .цол-см-4
.цол-кс-6 .цол-см-4

Чишћење колоне

Очистите плутајуће на одређеним тачкама прекида да бисте спречили незгодно умотавање са неуједначеним садржајем.

.цол-кс-6 .цол-см-3
Промените величину оквира за приказ или га погледајте на телефону за пример.
.цол-кс-6 .цол-см-3
.цол-кс-6 .цол-см-3
.цол-кс-6 .цол-см-3

Оффсет, пусх и пулл ресетује

Ресетујте померања, гурања и повлачења на одређеним тачкама прекида.

.цол-см-5 .цол-мд-6
.цол-см-5 .цол-см-оффсет-2 .цол-мд-6 .цол-мд-оффсет-0
.цол-см-6 .цол-мд-5 .цол-лг-6
.цол-см-6 .цол-мд-5 .цол-мд-оффсет-2 .цол-лг-6 .цол-лг-оффсет-0