« Le langage CSS/Bootstrap » : différence entre les versions

Contenu supprimé Contenu ajouté
Aucun résumé des modifications
Ligne 2 :
 
== Présentation ==
{{w|Bootstrap (framework)|Bootstrap}} est un framework CSS et JavaScript développé par {{w|Twitter}} depuis 2011<ref>https://getbootstrap.com/docs/4.0/getting-started/introduction/</ref>.
 
== Gestion des tailles d'écran ==
Ligne 10 :
 
== Exemple ==
Le code suivant définit du CSS différent pour chacune des quatre tailles d'écran par leur bornes. Voici un exemple avec quatre tailles<ref>https://getbootstrap.com/docs/3.3/css/</ref> :
* xs (extra small) : < 768 px par défaut.
* sm (small) : entre 768 inclus et 992 px exclus.
* md (medium) : entre 992 inclus et 1200 px exclus.
* lg (large) : ≥ 1200 px.
 
<source lang=css>
@media (max-width: @screen-xs-max) { ... }
@media
@media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) { ... }
@media (min-width: @screen-md-min) and (max-width: @screen-md-max) { ... }
@media (min-width: @screen-lg-min) { ... }
</source>
{{...}}
 
== Références ==