Poziţie
Utilizați aceste utilitare de prescurtare pentru a configura rapid poziția unui element.
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>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>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>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-topfolosește CSS position: sticky, care nu este pe deplin acceptat în toate browserele.
IE11 și IE10 vor reda position: stickyca position: relative. Ca atare, încapsulăm stilurile într-o @supportsinterogare, limitând caracterul lipicios la doar browserele care o pot reda corect.
<div class="sticky-top">...</div>