Float

Bizning javob beruvchi float yordamchi dasturlarimizdan foydalanib, istalgan elementda, istalgan uzilish nuqtasi bo'ylab floatlarni almashtiring.

Umumiy koʻrinish

Ushbu yordamchi dastur sinflari elementni chapga yoki o'ngga surib qo'yadi yoki CSS floatxususiyatidan foydalangan holda joriy ko'rish oynasi o'lchamiga asoslanib, suzishni o'chiradi . !importanto'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.

Sinflar

Floatni sinf bilan almashtiring:

<div class="float-left">Float left on all viewport sizes</div><br>
<div class="float-right">Float right on all viewport sizes</div><br>
<div class="float-none">Don't float on all viewport sizes</div>

Aralashmalar

Yoki Sass mixin tomonidan:

.element {
  @include float-left;
}
.another-element {
  @include float-right;
}
.one-more {
  @include float-none;
}

Javobgar

floatHar bir qiymat uchun javob beruvchi o'zgarishlar ham mavjud .

<div class="float-sm-left">Float left on viewports sized SM (small) or wider</div><br>
<div class="float-md-left">Float left on viewports sized MD (medium) or wider</div><br>
<div class="float-lg-left">Float left on viewports sized LG (large) or wider</div><br>
<div class="float-xl-left">Float left on viewports sized XL (extra-large) or wider</div><br>

Bu erda barcha yordam darslari;

• .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