Гузаштан ба мундариҷаи асосӣ Ба паймоиши ҳуҷҷатҳо гузаред
Check
in English

шино кардан

Бо истифода аз утилитаҳои шинокунандаи ҷавобгӯи мо шинокунакҳоро дар ҳама гуна элемент, дар тамоми нуқтаи кандашавӣ иваз кунед.

Дар ин саҳифа

Барраси

Ин синфҳои утилитаҳо унсурро ба чап ё рост шино мекунанд ё шиноварро дар асоси андозаи ҷории намоиш бо истифода аз моликияти CSSfloat ғайрифаъол мекунанд. !importantбарои пешгирии мушкилоти мушаххас дохил карда шудааст. Инҳо ҳамон нуқтаи кандашавии нуқтаи назариро ҳамчун системаи шабакаи мо истифода мебаранд. Лутфан огоҳ бошед, ки утилитаҳои шинокунанда ба ҷузъҳои флеш таъсире надоранд.

Оғози шинокунанда дар ҳама андозаҳои намоиш

Охири шинокунанда дар ҳама андозаҳои намоиш

Дар ҳама андозаи намоишгоҳ шино накунед
html
<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>

Ҷавобгар

Вариантҳои ҷавобӣ низ барои ҳар як floatарзиш вуҷуд доранд.

Оғози шинокунанда дар намоишгоҳҳои андозаи SM (хурд) ё васеътар

Оғози шинокунанда дар намоишгоҳҳои андозаи MD (миёна) ё васеътар

Оғози шинокунанда дар намоишгоҳҳои андозаи LG (калон) ё васеътар

Оғози шинокунанда дар намоишгоҳҳои андозаи XL (аз ҳад калон) ё васеътар

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

Инҳоянд ҳама синфҳои дастгирӣ:

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

Сасс

API Utilities

Утилитҳои шинокунанда дар API утилитаҳои мо дар scss/_utilities.scss. Омӯзед, ки чӣ тавр истифода бурдани API-и коммуналӣ.

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