Float
Каалаган элементте, каалаган үзгүлтүккө учуроо чектеринде, биздин жооп берүүчү калкып чыгуучу утилиталарыбызды колдонуп которуштуруу.
Обзор
Бул пайдалуу класстар элементти солго же оңго сүзөт же CSS float
касиетин колдонуу менен учурдагы көрүнүштүн өлчөмүнө жараша калкып чыгууну өчүрөт . !important
конкреттүүлүк маселелерин болтурбоо үчүн киргизилген. Булар биздин тор тутумубуз сыяктуу эле көрүү портунун үзүү чекиттерин колдонушат. Сураныч, флоат утилиталарынын ийкемдүү нерселерге эч кандай таасири жок экенин унутпаңыз.
Класстар
Класс менен флотту которуштуруу:
Бардык көрүү терезесинин өлчөмдөрүндө солго сүзүү
Көрүү портунун бардык өлчөмдөрүндө оңго сүзүү
Көрүү портунун бардык өлчөмдөрүндө сүзбөңүз
Mixins
Же Sass mixin тарабынан:
Жооптуу
float
Ар бир маани үчүн жооп берүүчү вариациялар да бар .
SM (кичинекей) же кененирээк өлчөмдөгү көрүү портторунда солго сүзүү
MD (орто) же кененирээк өлчөмдөгү көрүү портторунда солго сүзүү
LG (чоң) же кененирээк өлчөмдөгү көрүү портторунда солго сүзүү
Өлчөмү XL (чоңураак) же кененирээк көрүү портторунда солго сүзүү
Бул жерде бардык колдоо класстары;
.float-left
.float-right
.float-none
.float-sm-left
.float-sm-right
.float-sm-none
.float-md-left
.float-md-right
.float-md-none
.float-lg-left
.float-lg-right
.float-lg-none
.float-xl-left
.float-xl-right
.float-xl-none