Esasy mazmuna geçiň Docs nawigasiýasyna geçiň
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ň. Utilityhli brauzerlerde doly goldanmaýan .sticky-topCSS-leri ulanýar .position: sticky

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

Jogaply ýelmeşýän ýokarky

.sticky-topPeýdaly bolmak üçin jogap üýtgeýjileri hem 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>