Float
Каалаган элементте, каалаган үзгүлтүккө учуроо чектеринде, биздин жооп берүүчү флот утилиталарыбызды колдонуп, сүзүп коюңуз.
Бул пайдалуу класстар элементти солго же оңго сүзөт же CSS float
касиетин колдонуу менен учурдагы көрүнүштүн өлчөмүнө жараша калкып чыгууну өчүрөт . !important
конкреттүүлүк маселелерин болтурбоо үчүн киргизилген. Булар биздин тор тутумубуз сыяктуу эле көрүү портунун үзүү чекиттерин колдонушат. Сураныч, флоат утилиталарынын ийкемдүү нерселерге эч кандай таасири жок экенин эске алыңыз.
Класс менен флотту которуштуруу:
Көрүү портунун бардык өлчөмдөрүндө солго сүзүү
Көрүү портунун бардык өлчөмдөрүндө оңго сүзүү
Көрүү портунун бардык өлчөмдөрүндө сүзбөңүз
Же 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