Cours facebook twitter youtube

Maîtriser Bootstrap


Bootstrap

 

Est un Framework CSS, mais pas seulement, puisqu’il embarque également des composants HTML et JavaScript. Il comporte un système de grille simple et efficace pour mettre en ordre l’aspect visuel d’une page web. Il apporte du style pour les boutons, les formulaires, la navigation. . . Il permet ainsi de concevoir un site web rapidement et avec peu de lignes de code ajoutées.

Les intérêts

– Les navigateurs sont pleins de fantaisies et ont des comportements très différents malgré leur lente convergence vers les standards. Les Framework sont cross-browser, c’est à dire que la présentation est similaire quel que soit le navigateur utilisé et d’une parfaite compatibilité ;

– Les Framework CSS font gagner du temps de développement parce qu’ils nous proposent les fondations de la présentation ;

– Les Framework CSS normalisent la présentation en proposant un ensemble homogène de styles ;

– Les Framework CSS proposent en général une grille pour faciliter le positionnement

– Les Framework CSS offrent souvent des éléments complémentaires : boutons esthétiques, barres de navigation, etc. ;

– La grande diffusion de nouveaux moyens de visualisation du web (smartphones, tablettes.

. .) Impose désormais la prise en compte de tailles d’écran très variées ; les

Framework CSS prennent généralement en compte cette contrainte.

 

Les inconvénients

– Pour utiliser efficacement un Framework il faut bien le connaître, ce qui implique un temps d’apprentissage ;

– La normalisation de la présentation peut devenir lassante en lissant les effets visuels.

 

Bootstrap

 

Il existe des Framework côté serveur (désignés backend en anglais), et d’autres côté client (désignés frontend en anglais). Bootstrap fait partie de cette deuxième catégorie.

Les Framework CSS sont spécialisés, comme leur nom l’indique, dans les CSS !

C’est-à-dire qu’ils nous aident à mettre en forme les pages web : organisation, aspect,

Animation. . . Ils sont devenus à la mode et il en existe un certain nombre :

  1. http://elasticss.com/
  2. http://knacss.com/
  3. http://blueprintcss.org/
  4. http://960.gs/
  5. http://yuilibrary.com/
  6. http://52framework.com/
  7. http://inuitcss.com/
  8. http://elements.projectdesigns.org/
  9. http://bluetrip.org/
  10. http://ez-css.org/
  11. etc.

L’installation de Bootstrap

L’installation de Bootstrap est simple : cliquez sur le bouton de téléchargement sur le site du framework - http://getbootstrap.com/getting-started/#download.....






Le principe d'une grille

Le principe d'une grille La grille de Bootstrap comporte 12 colonnes comme. Une grille est découpée en rangées (appelées row, parce que tout est en anglais) et colonnes col. ....










Changer le fond
Oregionale Skin
7astuces
Sélectionnez un Fond (11)
7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces
Fond de contenu
7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces