Saltar al contenido principal Salta a docs navegación
in English

Tuytuy

Mayqin elemento kaqpipas, mayqin p'akiy chimpapipas, kutichiq float yanapakuyniykuwan llamk'achispa.

Hatun qhawariy

Kay yanapakuy clasekuna huk elementota lluq'iman utaq pañaman wayt'achin, utaq mana unupi purichiyta atichinchu, kunan qhaway punku sayayninpi CSS floatkaqninta llamk'achispa . !importantnisqa churasqa kachkan mana especificidad nisqamanta sasachakuykuna kananpaq. Kaykunaqa kikin qhaway punku p'akiykunata llamk'achinku imaynachus sistema de rejillaykuwan. Ama hina kaspa, yachay float utilidadkuna mana ima efectota flex elementokunapi ruwankuchu.

Llapan qhaway punku sayaykunapi float qallariy

Tukuy qhaway punku sayaykunapi float tukukuy

Ama tukuy qhaway punku sayaykunapi wayt'aychu
<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>

Kutichiq

floatSapa chaniyuqpaqpas kanmi kutichiy variaciones .

SM (huch'uy) icha aswan anchoyuq qhaway punkukunapi float qallariy

Float qallariy qhaway punkukunapi MD (chawpi) utaq aswan anchoyuq

LG (hatun) utaq aswan anchoyuq qhaway punkukunapi float qallariy

XL (extra-hatun) utaq aswan anchoyuq qhaway punkukunapi float qallariy

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

Kaypi llapa yanapakuy clasekuna kachkan:

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

API de Utilidades nisqa

Float yanapakuykuna yanapakuyniyku API kaqpi willasqa kachkanku scss/_utilities.scss. Yachay imayna ruwanakuna API llamk'achiyta.

    "float": (
      responsive: true,
      property: float,
      values: (
        start: left,
        end: right,
        none: none,
      )
    ),