Afficher la taille du viewport

Publié le 11/05/2017 Bootstrap

Pour que Bootstrap affiche la taille du viewport telle qu'il l'a comprend, on peut ajouter dans la page HTML :

<div class='visible-xs-block'>XS</div>
<div class='visible-sm-block'>SM</div>
<div class='visible-md-block'>MD</div>
<div class='visible-lg-block'>LG</div>

De cette façon, il y aura écrit XS si l'écran est extra-small (phones, less than 768px), SM pour les small devices (tablets, 768px and up), MD pour les Medium devices (desktops, 992px and up) ou LG pour les Large devices (large desktops, 1200px and up).