Poziţie
Utilizați aceste utilitare de prescurtare pentru a configura rapid poziția unui element.
Valori comune
Sunt disponibile clase de poziționare rapidă, deși nu sunt receptive.
<div class="position-static">...</div>
<div class="position-relative">...</div>
<div class="position-absolute">...</div>
<div class="position-fixed">...</div>
<div class="position-sticky">...</div>
Top fix
Poziționați un element în partea de sus a ferestrei de vizualizare, de la o margine la alta. Asigurați-vă că înțelegeți ramificațiile poziției fixe în proiectul dvs.; poate fi necesar să adăugați CSS suplimentar.
<div class="fixed-top">...</div>
Fund fix
Poziționați un element în partea de jos a ferestrei de vizualizare, de la o margine la alta. Asigurați-vă că înțelegeți ramificațiile poziției fixe în proiectul dvs.; poate fi necesar să adăugați CSS suplimentar.
<div class="fixed-bottom">...</div>
Top lipicios
Poziționați un element în partea de sus a ferestrei de vizualizare, de la o margine la alta, dar numai după ce derulați pe lângă el. Utilitarul .sticky-top
folosește CSS position: sticky
, care nu este pe deplin acceptat în toate browserele.
IE11 și IE10 vor reda position: sticky
ca position: relative
. Ca atare, încapsulăm stilurile într-o @supports
interogare, limitând caracterul lipicios la doar browserele care o pot reda corect.
<div class="sticky-top">...</div>