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