CSS Media Queries do Framewok Twitter Bootstrap 3, 4 e 5
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.
@media(max-width:767px){}
@media(min-width:768px){}
@media(min-width:992px){}
@media(min-width:1200px){}
@media(min-width:576px){}
@media(min-width:768px){}
@media(min-width:992px){}
@media(min-width:1200px){}
@media(min-width:576px){}
@media(min-width:768px){}
@media(min-width:992px){}
@media(min-width:1200px){}
@media(min-width:1400px){}