Présentation de bootstrap
Présentation de bootstrap
-
Objectif
- Connaitre le bootstrap.
-
Introduction
- Bootstrap est une structure (framework) gratuite, source ouverte, basée sur HTML, CSS et Javascript. Elle est créée pour construire les interfaces de site web compatibles avec tous les équipements avec différentes tailles d’écran.
- Le Bootstrap comprend des outils basiques disponibles tels que : typography, forms, buttons, tables, navigation, modals, image carousels et d’autres.
- Il comprend aussi plusieurs Component, Javascript pour soutenir la conception de votre Reponsive plus facilement, plus compatiblement et plus rapidement.
-
Qu’est ce que Bootstrap?
- Framework HTML, CSS et JavaScript
- Open source
- Supporte l’HTML5/CSS3
- Supporte la plupart des navigateurs du marché
- Full responsive
-
Bootstrap est un framework
- Avant toute chose, il faut définir ce qu’est un framework. Il s’agit d’un ensemble de composants structurés qui sert à créer les fondations et à organiser le code informatique pour faciliter le travail des programmeurs, que ce soit en terme de productivité ou de simplification de la maintenance.
- Il en existe beaucoup pour les applications web qui ciblent de nombreux langages : Java, Python, Ruby, PHP…
- Il existe des frameworks 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 frameworks 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 : - elasticss,Knacss,Blueprint,960 Grid System,YUI,52Framework,inuitcss,Elements CSS framework,BlueTrip,ez-css,etc…
-
Pourquoi utiliser Bootstrap ?
- Le Bootstrap est un des framework les plus utilisés dans le monde afin de créer des Responsive Websites. Le Bootstrap a créé un standard séparé et il est préféré par des programmeurs.
- Le Bootstrap a trois avantages :
- Facile à utiliser : Parce que Bootstrap est construit sur la base de HTML, CSS & Javascript.
- Responsive : Le Bootstrap a construit des « Responsive Css » compatible avec différents dispositifs donc vous devez simplement apprendre comment les utiliser. Cette fonction permet des utilisateurs d’économiser du temps lorsqu’ils créent des Websites facilement exploitables.
- Compatibles avec des navigateurs : Il est compatible avec tous les navigateurs (Chrome, Firefox, Internet Explorer, Safari, Opera). Pourtant, avec IE, Bootstrap 4 ne soutient que les versions de IE10 ou plus avancées.
- 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.
-
Contenu du kit
- Bootstrap propose :
- Une mise en page basée sur une grille de 12 colonnes bien pratique. Bien sûr, si vous avez besoin de plus de 12 colonnes, ou de moins, il est toujours possible de modifier la configuration ;
- Du code fondé sur HTML5 et CSS3 ;
- Une bibliothèque totalement open source sous licence Apache ;
- Du code qui tient compte du format d’affichage des principaux outils de navigation (responsive design) : smartphones,tablettes… ;
- Des plugins jQuery de qualité ;
- Un résultat cross-browser (la prise en charge de IE7 a été abandonnée avec la version 3), donc une garantie de compatibilité maximale ;
- Une bonne documentation ;
- La garantie d’une évolution permanente ;
- Une mine de ressources variées sur le web ;
- Une architecture basée sur
LESS
(Leaner Style Sheets) , un outil bien pratique qui étend les possibilités de CSS. C’est un langage qui permet d’étendre les possibilités du CSS avec des variables, des opérations, des fonctions..
source:https://o7planning.org/fr/11695/presentation-de-bootstrap