Основни распореди на мрежа за да се запознаете со градењето во рамките на мрежниот систем Bootstrap.
Во овие примери .themed-grid-col
класата се додава во колоните за да се додаде некоја тематика. Ова не е класа што е стандардно достапна во Bootstrap.
Има пет нивоа на системот за мрежа Bootstrap, по еден за секој опсег на уреди што ги поддржуваме. Секое ниво започнува со минимална големина на приказот и автоматски се применува на поголемите уреди, освен ако не се отфрли.
Добијте три колони со еднаква ширина почнувајќи од работната површина и скалирање до големи работни површини . На мобилни уреди, таблети и подолу, колоните автоматски ќе се редат.
Добијте три колони почнувајќи од десктоп компјутерите и скалирање до големи работни површини со различна ширина. Запомнете, мрежните колони треба да се соберат до дванаесет за еден хоризонтален блок. Повеќе од тоа, и колоните почнуваат да се редат без разлика на приказот.
Добијте две колони почнувајќи од работната површина и скалирање до големи десктоп компјутери .
Не се потребни класи на мрежа за елементи со целосна ширина.
Според документацијата, вгнездувањето е лесно - само ставете ред од колони во постоечка колона. Ова ви дава две колони кои почнуваат од работната површина и се зголемуваат до големи работни површини , со уште две (еднакви ширини) во поголемата колона.
Во големини на мобилни уреди, таблети и надолу, овие колони и нивните вгнездени колони ќе се редат.
Мрежниот систем Bootstrap v4 има пет нивоа на класи: xs (екстра мала, оваа класа инфикс не се користи), sm (мала), md (средна), lg (голема) и xl (екстра голема). Можете да користите речиси секоја комбинација од овие класи за да креирате подинамични и пофлексибилни распореди.
Секое ниво на класи се зголемува, што значи дека ако планирате да поставите исти ширини за md, lg и xl, треба само да наведете md.
Дополнителните класи додадени во Bootstrap v4.4 дозволуваат контејнери кои се широки 100% до одредена точка на прекин.