Classes row et row-fluid


Le flux d'une page de Yeswiki est canalisé dans un conteneur principal (classe container) d'une largeur fixe par défaut de 940px.(bootstrap.min.css) ou de 1170 pixels (bootstrap-responsive.min.css).

Il est possible d'utiliser un second type de conteneur principal "responsive", qui se dilate ou se contracte selon le type d'appareil utilisé, dans lequel sont enveloppés un ou plusieurs "courants", ou "files", ou "colonnes" (de classes span12 à span1).

Bootstrap permet l'utilisation de deux conteneur "responsives" au choix:

  • le premier, de classe row, a une marge négative gauche de 20 pixels,
  • le second, de class row-fluid occupe 100% de la largeur du conteneur.

Les files ou colonnes, placées côte à côte dans ces conteneurs, sont dimensionnées pour être complémentaires.

Lorsque la page est affichée par un appareil de type téléphone portable ou tablette, les colonnes se retrouvent automatiquement empilées; leur nouvelle largeur est recalculée par le navigateur de façon à être égale à la largeur de l'écran de l'appareil alors utilisé.

Classe row

860px
60px
780px
140px
700px
220px
620px
300px
540px
460px
380px

Classe row-fluid

860px
60px
780px
140px
700px
220px
620px
300px
540px
460px
380px