CSS Media Queries o Twitter Bootstrap 3, 4 e 5

CSS Media Queries do Framewok Twitter Bootstrap 3, 4 e 5

Em 07/07/2022 | Por Digital Apps | 540 visualizações

A construção de sites com layouts responsivos utilizando o framework web Bootstrap, algumas vezes exige o ajuste de alguns tamanhos de fonte e elementos de acordo com o tamanho da tela. Desta forma, você poderá usar os mesmos tamanhos das mídias do bootstrap para fazer a adaptação perfeita de seu site.

Desta forma, listamos as medidas dos seletores informadas no site do Bootstrap, caso você queira manter a consistências.

 

Bootstrap 3

@media(max-width:767px){}
@media(min-width:768px){}
@media(min-width:992px){}
@media(min-width:1200px){}

Bootstrap 4

@media(min-width:576px){}
@media(min-width:768px){}
@media(min-width:992px){}
@media(min-width:1200px){}

Bootstrap 5

@media(min-width:576px){}
@media(min-width:768px){}
@media(min-width:992px){}
@media(min-width:1200px){}
@media(min-width:1400px){}

 

Tenha um site profissional

Somos especialistas em desenvolver sites personalizados, que atenda às suas necessidades e impulsione seu negócio.

Quero receber novidades:


Artigos relacionados

WhatsApp
(35) 99198-6202