Float
Bizning sezgir float yordamchi dasturlarimizdan foydalanib, istalgan elementda, istalgan to'xtash nuqtasi bo'ylab floatlarni almashtiring.
Umumiy koʻrinish
Ushbu yordamchi dastur sinflari elementni chapga yoki o'ngga surib qo'yadi yoki CSS float
xususiyatidan foydalangan holda joriy ko'rish oynasi o'lchamiga asoslanib, suzishni o'chiradi . !important
o'ziga xoslik bilan bog'liq muammolarni oldini olish uchun kiritilgan. Ular bizning panjara tizimimiz bilan bir xil ko'rish oynasining to'xtash nuqtalaridan foydalanadi. Shuni yodda tutingki, float yordam dasturlari moslashuvchan elementlarga ta'sir qilmaydi.
<div class="float-start">Float start on all viewport sizes</div><br>
<div class="float-end">Float end on all viewport sizes</div><br>
<div class="float-none">Don't float on all viewport sizes</div>
Javobgar
float
Har bir qiymat uchun javob beruvchi o'zgarishlar ham mavjud .
<div class="float-sm-start">Float start on viewports sized SM (small) or wider</div><br>
<div class="float-md-start">Float start on viewports sized MD (medium) or wider</div><br>
<div class="float-lg-start">Float start on viewports sized LG (large) or wider</div><br>
<div class="float-xl-start">Float start on viewports sized XL (extra-large) or wider</div><br>
Bu erda barcha qo'llab-quvvatlash sinflari:
.float-start
.float-end
.float-none
.float-sm-start
.float-sm-end
.float-sm-none
.float-md-start
.float-md-end
.float-md-none
.float-lg-start
.float-lg-end
.float-lg-none
.float-xl-start
.float-xl-end
.float-xl-none
.float-xxl-start
.float-xxl-end
.float-xxl-none
Sass
Utilities API
Float yordam dasturlari bizning API-da e'lon qilingan scss/_utilities.scss
. API yordam dasturlarini qanday ishlatishni bilib oling.
"float": (
responsive: true,
property: float,
values: (
start: left,
end: right,
none: none,
)
),