Основни оформления на мрежата, за да се запознаете с изграждането в мрежата на Bootstrap.
В тези примери .themed-grid-col
класът се добавя към колоните, за да се добави малко тематизиране. Това не е клас, който е наличен в Bootstrap по подразбиране.
Има пет нива на мрежовата система Bootstrap, по едно за всяка гама устройства, които поддържаме. Всяко ниво започва с минимален размер на прозореца за изглед и автоматично се прилага към по-големите устройства, освен ако не бъде заменено.
Получете три колони с еднаква ширина, започващи от настолни компютри и мащабирани до големи настолни компютри . На мобилни устройства, таблети и по-долу колоните ще се подреждат автоматично.
Получете три колони, започващи от настолни компютри и мащабирани до големи настолни компютри с различни ширини. Не забравяйте, че колоните на решетката трябва да се събират до дванадесет за един хоризонтален блок. Нещо повече, колоните започват да се подреждат независимо от прозореца за изглед.
Получете две колони, започващи от настолни компютри и мащабирани до големи настолни компютри .
Не са необходими класове на мрежата за елементи с пълна ширина.
Според документацията влагането е лесно – просто поставете ред колони в съществуваща колона. Това ви дава две колони, започващи от настолни компютри и мащабирани до големи настолни компютри , с други две (с еднаква ширина) в по-голямата колона.
При размери на мобилни устройства, таблети и надолу, тези колони и техните вложени колони ще се подреждат.
Мрежовата система Bootstrap v4 има пет нива на класове: xs (изключително малък), sm (малък), md (среден), lg (голям) и xl (изключително голям). Можете да използвате почти всяка комбинация от тези класове, за да създадете по-динамични и гъвкави оформления.
Всяко ниво от класове се мащабира, което означава, че ако планирате да зададете еднакви ширини за xs и sm, трябва само да посочите xs.