Θέση

Χρησιμοποιήστε αυτούς τους βοηθούς για γρήγορη διαμόρφωση της θέσης ενός στοιχείου.

Σε αυτήν την σελίδα

Σταθερή κορυφή

Τοποθετήστε ένα στοιχείο στο επάνω μέρος της θύρας προβολής, από άκρη σε άκρη. Βεβαιωθείτε ότι κατανοείτε τις συνέπειες της σταθερής θέσης στο έργο σας. ίσως χρειαστεί να προσθέσετε επιπλέον CSS.

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

Σταθερός πάτος

Τοποθετήστε ένα στοιχείο στο κάτω μέρος της θύρας προβολής, από άκρη σε άκρη. Βεβαιωθείτε ότι κατανοείτε τις συνέπειες της σταθερής θέσης στο έργο σας. ίσως χρειαστεί να προσθέσετε επιπλέον CSS.

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

Κολλώδες τοπ

Τοποθετήστε ένα στοιχείο στο επάνω μέρος της θύρας προβολής, από άκρη σε άκρη, αλλά μόνο αφού το προσπεράσετε με κύλιση.

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

Κολλώδες επάνω μέρος που ανταποκρίνεται

Υπάρχουν επίσης αποκριτικές παραλλαγές για τη .sticky-topχρησιμότητα.

<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>
<div class="sticky-xxl-top">Stick to the top on viewports sized XXL (extra-extra-large) or wider</div>

Κολλώδες πάτο

Τοποθετήστε ένα στοιχείο στο κάτω μέρος της θύρας προβολής, από άκρη σε άκρη, αλλά μόνο αφού το προσπεράσετε με κύλιση.

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

Κολλώδες πάτο με απόκριση

Υπάρχουν επίσης αποκριτικές παραλλαγές για τη .sticky-bottomχρησιμότητα.

<div class="sticky-sm-bottom">Stick to the bottom on viewports sized SM (small) or wider</div>
<div class="sticky-md-bottom">Stick to the bottom on viewports sized MD (medium) or wider</div>
<div class="sticky-lg-bottom">Stick to the bottom on viewports sized LG (large) or wider</div>
<div class="sticky-xl-bottom">Stick to the bottom on viewports sized XL (extra-large) or wider</div>
<div class="sticky-xxl-bottom">Stick to the bottom on viewports sized XXL (extra-extra-large) or wider</div>