Bootstrap, ca facilite la vie

Déjà définissons le bootstrap : c’est une collection d’outils utile à la création de sites et d’applications web. C’est un ensemble qui contient des codes HTML et CSS, des formulaires, boutons, outils de navigation (navbar). C’est l’un des projets les plus populaires sur la plate-forme de développement GitHub.

Dans le principe, bootstrap devrait faciliter la vie. Aux premiers abords, pas du tout. Mais quand on arrive à le comprendre, cela devient plus simple.

On nous a expliqué qu’il y avait 12 colonnes obligatoirement, dans un « container » défini, ce que l’on appel une grille: 421570(imaginez ça, mais avec 12 colonnes)

Et chaque élément peut prendre 1 ou plusieurs colonnes en définissant une classe dans un tag avec la syntaxe suivante :

ex: <div class= »col-md-2″></div>

col : colonne

md : medium (le nombre de colonne que le div prendra sur un écran « md »)

2 : le nombre de colonne.

Il existe plusieurs class-prefix : xs (extra-small pour téléphone), sm (small pour tablette), md (medium pour écran) et lg (large pour grand écran).

bootstrap-grille-jpgEt chaque élément peut devenir un container et se diviser en 12 colonnes.

ex : dans l’image du dessus, le main content, peut contenir par exemple 2 article de 6 colonnes chacun.

Ainsi, le bootstrap est censé facilité le placement de nos élément. Les site web d’aujourd’hui l’utilise de plus en plus, grâce à sa facilité d’utilisation.

Source  : Wikipédia

Laisser un commentaire :

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *