Gdtyjr

Pour les articles homonymes, voir bootstrap.

.mw-parser-output .entete.informatiquebackground-image:url("//upload.wikimedia.org/wikipedia/commons/a/ae/Picto-infoboxinfo.png")

Bootstrap

Informations
Développé par	Twitter
Première version	19 août 2011
Dernière version	4.3.1 (13 février 2019)
Dépôt	https://github.com/twbs/bootstrap
Écrit en	JavaScript, CSS, HTML et Sass (langage)
Environnement	World Wide Web
Langues	Anglais
Type	Framework d'interface
Licence	Licence MIT
Site web	getbootstrap.com

Bootstrap est une collection d'outils utiles à la création du design (graphisme, animation et interactions avec la page dans le navigateur, etc.) de sites et d'applications web. C'est un ensemble qui contient des codes HTML et CSS, des formulaires, boutons, outils de navigation et autres éléments interactifs, ainsi que des extensions JavaScript en option.
C'est l'un des projets les plus populaires sur la plate-forme de gestion de développement GitHub.

Sommaire

1 Historique

2 Généralités

3 Fonctionnalités
- 3.1 Fonctionnement
- 3.2 Standardisation
- 3.3 Javascript

4 Notes et références

5 Voir aussi
- 5.1 Articles connexes

6 Liens externes

Historique |

Avant l'arrivée de Bootstrap, plusieurs bibliothèques existaient, ce qui menait à des incohérences et à un coût de maintenance élevé.

Cette plate-forme a été conçue par deux développeurs faisant partie de la mouvance de développeurs qui gravitent autour de Twitter, Mark Otto et Jacob Thornton^[1], et avait le nom de Twitter Blueprint en 2010^[2].

Le premier déploiement à échelle réelle eut lieu lors de la première hackweek organisée par Twitter^[3].

En août 2011, Twitter place Bootstrap sous licence open source. En février 2012, Bootstrap est le projet le plus populaire sur GitHub^[4].

Généralités |

Bootstrap est compatible avec les dernières versions des navigateurs majeurs, mais peut fonctionner de manière dégradée sur des navigateurs plus anciens.

Depuis la version 2, le framework adopte la conception de sites web adaptatifs^[5], permettant aux projets utilisant Bootstrap de s'adapter dynamiquement au format des supports depuis lesquels ils sont accédés (PC, tablette, smartphone).

Fonctionnalités |

Fonctionnement |

La modularité de Bootstrap consiste en une série de feuilles de styles LESS (à partir de la version 4 SASS) qui implémentent différents composants du toolkit^[6]. Une feuille de style principale (bootstrap.less) englobe les feuilles de style des composants. Les développeurs peuvent alors sélectionner les composants dont ils ont besoin en modifiant cette feuille principale. L'utilisation de LESS permet la manipulation de variables, de fonctions, d'opérateurs, sélecteurs^[6]…

Depuis la version 2, Bootstrap dispose d'une option supplémentaire de « personnalisation ».

Le système de grille et le style adaptatif sont standardisés sur une grille de 940 pixels de large, que les développeurs peuvent adapter. Ces définitions sont déclinées en quatre variations qui peuvent être utilisées dans différents formats et supports : téléphones (portrait et paysage), tablette et PC (haute et basse résolution). Ces déclinaisons adaptent automatiquement l'affichage de la page^[3].

Standardisation |

Bootstrap fournit une feuille de style CSS qui contient des définitions de base pour tous les composants HTML, ce qui permet de disposer d'une apparence uniforme pour les textes, tableaux et les éléments de formulaires.

Le framework fournit également nombre d'éléments graphiques au format standardisé : boutons, libellés, icônes, miniatures, barres de progression…

Javascript |

Bootstrap fournit plusieurs composants sous forme de plugins utilisant la bibliothèque jQuery. Ces composants permettent l'addition de nouvelles fonctionnalités au niveau de l'interface (tooltip, carrousels…) mais aussi d'améliorer le fonctionnement de composants existants (auto-complétion…).

D'autres plugins permettent à Bootstrap de s'intégrer à des frameworks tiers comme Dojo Toolkit (Dojo Bootstrap)^[7] et AngularJS (UI Bootstrap)^[8] ou AngularStrap^[9].

Notes et références |

(en) Cet article est partiellement ou en totalité issu de l’article de Wikipédia en anglais intitulé « Bootstrap (front-end framework) » (voir la liste des auteurs).

↑ Comptes Twitter : @mdo (Mark Otto) et @fat (Jacob Thornton).

↑ (en) « About », twitter (consulté le 20 mars 2014).

↑ ^{a et b}(en) Mark Otto, « Bootstrap from Twitter », twitter, 19 août 2011(consulté le 20 mars 2014).

↑ (en) « bootstrapped framework »

↑ « HTML5 Boilerplate passe sous licence MIT, Bootstrap et JQuery mis à jour », PC INpact, 31 août 2012(consulté le 20 mars 2014).

↑ ^{a et b}(en) « Twitter rolls out Bootstrap toolkit for developing web apps », zdnet.com, 19 août 2011(consulté le 20 mars 2014).

↑ (en) « Dojo Bootstrap » (consulté le 15 avril 2014).

↑ (en) « UI Bootstrap » (consulté le 15 avril 2014).

↑ (en) « AngularStrap » (consulté le 15 avril 2014).

Voir aussi |

Articles connexes |

Framework d'interface

SoJo FrameWork

Liens externes |

(en) Site officiel

Le projet Bootstrap sur GitHub

Portail d’Internet
Portail de la programmation informatique
Portail des logiciels libres

[1] Comptes Twitter : @mdo (Mark Otto) et @fat (Jacob Thornton).

[2] (en) « About », twitter (consulté le 20 mars 2014).

[blog-3] {a et b}(en) Mark Otto, « Bootstrap from Twitter », twitter, 19 août 2011(consulté le 20 mars 2014).

[4] (en) « bootstrapped framework »

[5] « HTML5 Boilerplate passe sous licence MIT, Bootstrap et JQuery mis à jour », PC INpact, 31 août 2012(consulté le 20 mars 2014).

[zdnet-6] {a et b}(en) « Twitter rolls out Bootstrap toolkit for developing web apps », zdnet.com, 19 août 2011(consulté le 20 mars 2014).

[7] (en) « Dojo Bootstrap » (consulté le 15 avril 2014).

[8] (en) « UI Bootstrap » (consulté le 15 avril 2014).

[9] (en) « AngularStrap » (consulté le 15 avril 2014).

搜尋此網誌