Posição
Use esses utilitários abreviados para configurar rapidamente a posição de um elemento.
Valores comuns
As classes de posicionamento rápido estão disponíveis, embora não sejam responsivas.
Parte superior fixa
Posicione um elemento na parte superior da viewport, de ponta a ponta. Certifique-se de entender as ramificações da posição fixa em seu projeto; pode ser necessário adicionar CSS adicional.
Parte inferior fixa
Posicione um elemento na parte inferior da viewport, de ponta a ponta. Certifique-se de entender as ramificações da posição fixa em seu projeto; pode ser necessário adicionar CSS adicional.
Parte superior pegajosa
Posicione um elemento na parte superior da viewport, de ponta a ponta, mas somente depois de passar por ele. O .sticky-top
utilitário usa CSS position: sticky
, que não é totalmente suportado em todos os navegadores.
IE11 e IE10 serão renderizados position: sticky
como arquivos position: relative
. Dessa forma, agrupamos os estilos em uma @supports
consulta, limitando a aderência apenas aos navegadores que podem renderizá-la corretamente.