Esasy mazmuna geçiň Docs nawigasiýasyna geçiň
Check
in English

Positionerleşişi

Bir elementiň ýagdaýyny çalt düzmek üçin bu kömekçileri ulanyň.

Bellenen ýokarky

Görnüşiň ýokarsynda bir elementi gyradan gyrasyna ýerleşdiriň. Taslamaňyzdaky kesgitli pozisiýanyň netijelerine düşünýändigiňize göz ýetiriň; goşmaça CSS goşmaly bolmagyňyz mümkin.

<div class="fixed-top">...</div>

Bellenen aşaky

Görnüşiň aşagynda bir elementi gyradan gyrasyna ýerleşdiriň. Taslamaňyzdaky kesgitli pozisiýanyň netijelerine düşünýändigiňize göz ýetiriň; goşmaça CSS goşmaly bolmagyňyz mümkin.

<div class="fixed-bottom">...</div>

Topokarky

Görkezişiň ýokarsynda bir elementi gyradan gyrasyna ýerleşdiriň, ýöne diňe geçenden soň.

<div class="sticky-top">...</div>

Jogaply ýelmeşýän ýokarky

.sticky-topPeýdaly jogaplar üçin hem üýtgeşiklikler bar .

<div class="sticky-sm-top">Stick to the top on viewports sized SM (small) or wider</div>
<div class="sticky-md-top">Stick to the top on viewports sized MD (medium) or wider</div>
<div class="sticky-lg-top">Stick to the top on viewports sized LG (large) or wider</div>
<div class="sticky-xl-top">Stick to the top on viewports sized XL (extra-large) or wider</div>
<div class="sticky-xxl-top">Stick to the top on viewports sized XXL (extra-extra-large) or wider</div>

Aşak

Görnüşiň aşagynda bir elementi gyradan gyrasyna ýerleşdiriň, ýöne diňe geçenden soň.

<div class="sticky-bottom">...</div>

Jogaply ýelmeşýän aşagy

.sticky-bottomPeýdaly jogaplar üçin hem üýtgeşiklikler bar .

<div class="sticky-sm-bottom">Stick to the bottom on viewports sized SM (small) or wider</div>
<div class="sticky-md-bottom">Stick to the bottom on viewports sized MD (medium) or wider</div>
<div class="sticky-lg-bottom">Stick to the bottom on viewports sized LG (large) or wider</div>
<div class="sticky-xl-bottom">Stick to the bottom on viewports sized XL (extra-large) or wider</div>
<div class="sticky-xxl-bottom">Stick to the bottom on viewports sized XXL (extra-extra-large) or wider</div>