Pożizzjoni

Uża dawn l-utilitajiet shorthand biex tikkonfigura malajr il-pożizzjoni ta 'element.

Valuri komuni

Klassijiet ta 'pożizzjonament ta' malajr huma disponibbli, għalkemm mhumiex reattivi.

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

Fuq fiss

Poġġi element fil-quċċata tal-vetrina, minn tarf għal tarf. Kun żgur li tifhem ir-ramifikazzjonijiet tal-pożizzjoni fissa fil-proġett tiegħek; jista' jkollok bżonn iżżid CSS addizzjonali.

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

Qiegħ fiss

Poġġi element fil-qiegħ tal-viewport, minn tarf għal tarf. Kun żgur li tifhem ir-ramifikazzjonijiet tal-pożizzjoni fissa fil-proġett tiegħek; jista' jkollok bżonn iżżid CSS addizzjonali.

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

Top li jwaħħal

Poġġi element fil-quċċata tal-vetrina, minn tarf għal tarf, iżda biss wara li tiskrollja minnha. L .sticky-top-utilità tuża CSS's position: sticky, li mhix appoġġjata bis-sħiħ fil-browsers kollha.

IE11 u IE10 se jirrendu position: stickybħala position: relative. Bħala tali, aħna nagħżlu l-istili @supportsf'mistoqsija, u nillimitaw it-twaħħil għal browsers biss li jistgħu jirrenduha kif suppost.

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