Bootstrap тор системасынын ичиндеги курулуш менен тааныштыруу үчүн негизги тор макеттери.
Бул мисалдарда .themed-grid-col
класс кээ бир темаларды кошуу үчүн тилкелерге кошулат. Бул демейки боюнча Bootstrap'те жеткиликтүү класс эмес.
Bootstrap тор тутумунун беш деңгээли бар, биз колдогон түзмөктөрдүн ар бир диапазону үчүн бирден. Ар бир деңгээл минималдуу көрүү терезесинин өлчөмүнөн башталат жана жокко чыгарылбаса, автоматтык түрдө чоңураак түзмөктөргө колдонулат.
Иш такталарынан башталып, чоң рабочий столдорго чейин масштабдуу үч бирдей кеңдиктеги тилкелерди алыңыз . Мобилдик түзмөктөрдө, планшеттерде жана ылдый жакта тилкелер автоматтык түрдө топтолот.
Үч мамычаны рабочий столдордон баштап , ар кандай кеңдиктеги чоң иш такталарына чейин масштабдаңыз . Эсиңизде болсун, тор мамычалар бир горизонталдуу блок үчүн он экиге чейин кошулушу керек. Мындан тышкары, мамычалар көрүү портуна карабастан тизилип баштайт.
Иш такталарынан баштап, чоң иш такталарына чейин масштабдалуучу эки мамычаны алыңыз .
Толук кең элементтер үчүн тор класстары талап кылынбайт.
Документке ылайык, уя салуу оңой — болгону бар тилкеге бир катар тилкелерди коюңуз. Бул сизге иш столдорунан баштап, чоңураак столдорго чейин масштабдалуучу эки мамычаны берет , чоңураак тилкенин ичинде дагы эки (бирдей туурасы) бар.
Мобилдик түзмөктүн өлчөмдөрүндө, планшеттерде жана ылдыйда, бул мамычалар жана алардын уя салынган мамычалары биригет.
Bootstrap v4 тор тутумунун беш деңгээли бар: xs (кошумча кичинекей), sm (кичинекей), md (орто), lg (чоң) жана xl (өтө чоң). Сиз динамикалуу жана ийкемдүү макеттерди түзүү үчүн бул класстардын дээрлик бардык комбинациясын колдоно аласыз.
Класстардын ар бир деңгээли кеңейет, башкача айтканда, эгер сиз xs жана sm үчүн бирдей кеңдикти орнотууну пландап жатсаңыз, анда сиз xs гана көрсөтүшүңүз керек.