« 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
== 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 (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 ==
|