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