Bootstrap тор жүйесіндегі құрылыспен танысуға арналған негізгі тор макеттері.
Бұл мысалдарда .themed-grid-colкейбір тақырыпты қосу үшін сынып бағандарға қосылады. Бұл әдепкі бойынша Bootstrap жүйесінде қолжетімді сынып емес.
Bootstrap тор жүйесінің бес деңгейі бар, біз қолдайтын құрылғылардың әрбір диапазоны үшін бір. Әрбір деңгей ең аз қарау терезесінің өлшемінен басталады және қайта анықталмаса, үлкенірек құрылғыларға автоматты түрде қолданылады.
Жұмыс үстелінен бастап және үлкен жұмыс үстеліне масштабталатын үш бірдей ені бар бағандарды алыңыз . Мобильді құрылғыларда, планшеттерде және төменде бағандар автоматты түрде жинақталады.
Жұмыс үстелдерінен бастап және әртүрлі ені үлкен жұмыс үстелдеріне масштабталатын үш баған алыңыз . Есіңізде болсын, тор бағандары бір көлденең блок үшін он екіге дейін қосылуы керек. Бұдан да көп, және бағандар қарау терезесіне қарамастан жинақталады.
Жұмыс үстелінен бастап және үлкен жұмыс үстеліне масштабталатын екі баған алыңыз .
Толық ен элементтері үшін тор сыныптары қажет емес.
Құжаттамаға сәйкес, кірістіру оңай — бар бағанға бағандар қатарын қою жеткілікті. Бұл сізге жұмыс үстелінен басталып, үлкен жұмыс үстеліне масштабталатын екі баған береді , үлкенірек бағанның ішінде тағы екі (тең ені) бар.
Мобильді құрылғы өлшемдері, планшеттер және төменірек, бұл бағандар мен олардың кірістірілген бағандары жинақталады.
Bootstrap v4 тор жүйесінде бес деңгейлі сыныптар бар: xs (ерекше кішкентай), sm (кіші), md (орташа), lg (үлкен) және xl (өте үлкен). Динамикалық және икемді орналасуларды жасау үшін осы сыныптардың кез келген дерлік комбинациясын пайдалануға болады.
Сыныптардың әрбір деңгейі ұлғаяды, яғни xs және sm үшін бірдей ендерді орнатуды жоспарласаңыз, тек xs көрсету керек.