523 votes

Qu'est-ce que Bootstrap ?

Il y a ici beaucoup de questions liées à Bootstrap. Je vois beaucoup de gens qui l'utilisent. J'ai donc essayé de faire des recherches, et j'ai trouvé la site officiel de Bootstrap mais il n'y avait qu'une section de téléchargement et quelques mots après. Rien qui explique à quoi il sert... J'ai juste compris qu'il s'agissait d'une aide frontale. J'ai essayé de trouver quelque chose en cherchant sur Google, mais je n'ai rien trouvé de précis. Tout ce que j'ai trouvé est lié à la définition de l'informatique.

Donc, mes questions sont :

  • Qu'est-ce que Bootstrap ?
  • À quoi sert-il, et comment aide-t-il le développement frontal ?
  • J'aimerais également avoir plus de détails pour l'expliquer.

1 votes

La réponse à cette question est claire . Veuillez réfléchir à deux fois avant de poster de nouvelles réponses, surtout si vous avez l'intention de copier-coller votre réponse d'un autre endroit.

1 votes

Avec tout le respect que je vous dois, @meagar, la question semble demander une réponse très spécifique et précise, et la réponse acceptée l'évite élégamment. Ce qui signifie que, techniquement, il n'y a pas de bonne réponse. Après avoir lu chaque réponse (y compris celles qui ont été supprimées), j'ai ajouté la mienne qui, je l'espère, explique ce qu'est Bootstrap, en termes généraux et faciles à comprendre, dans le but de réduire la confusion des débutants (c'est ainsi que je comprends cette question).

277voto

hutchonoid Points 11421

Il s'agit d'un cadre open-source HTML, CSS et JavaScript (initialement créé par Twitter) que vous pouvez utiliser comme base pour créer des sites ou des applications web.

Mise à jour

L'officiel site web bootstrap est mis à jour et comprend une définition claire.

"Bootstrap est le framework HTML, CSS et JS le plus populaire pour développer des projets responsive, mobile first sur le web."

"Conçue et construite avec tout l'amour du monde par @mdo y @fat ."

3 votes

@hutchonoid : bootply est-il toujours gratuit ? quelle est la différence entre Joomla et bootply ? lequel est le meilleur ?

9 votes

@logan Joomla et Bootply ne sont pas comparables. Joomla est un système de gestion de contenu construit sur PHP et SQL tandis que Bootply est un site web qui est utilisé pour expérimenter avec le framework Bootstrap (complètement différent). Pensez à Bootply comme à un JSFiddle spécifique à Bootstrap. Et oui, Bootply est toujours gratuit.

1 votes

Bootstrap est un produit open source de Mark Otto et Jacob Thornton qui l`ont développé chez Twitter, c`est à dire pourquoi il est nommé Twitter.., De mon point de vue el Bootstrap signifie un soutien supplémentaire fort car il donne un sens général comme démarrer pour les jambes et sangle pour pièce étroite

94voto

user3807045 Points 107

Bootstrap est un framework Javascript open-source développé par l'équipe de Twitter. Il s'agit d'une combinaison de code HTML, CSS et Javascript conçue pour aider à construire des composants d'interface utilisateur. Bootstrap a également été programmé pour supporter à la fois HTML5 et CSS3.

Il est également appelé Front-end-framework.

Bootstrap est une collection gratuite d'outils pour la création de sites et d'applications web.

Il contient des modèles de conception basés sur HTML et CSS pour la typographie, les formulaires, les boutons, la navigation et d'autres composants d'interface, ainsi que des extensions JavaScript facultatives.

Quelques raisons pour lesquelles les programmeurs préfèrent le cadre Bootstrap

  1. Facile à démarrer

  2. Grand système de grille

  3. Style de base pour la plupart des HTML (typographie, code, tableaux, formulaires, boutons, images, icônes).

  4. Liste étendue de composants

  5. Plugins Javascript intégrés

Tiré de À propos du cadre Bootstrap

16 votes

Il me semble qu'il s'agit davantage d'une collection de composants ou de widgets que d'un "cadre". Pouvez-vous préciser ce qui constitue exactement un "framework" et à quel moment une bibliothèque de composants cesse d'être une bibliothèque de composants et commence à être un "framework" ?" Cela a-t-il quelque chose à voir avec le "système de grille" ?

24voto

Blitz Points 49

Bootstrap, tel que je le connais, est un CSS bien défini. Bien que Bootstrap permette également d'utiliser JavaScript, jQuery, etc. Mais la principale différence est qu'avec Bootstrap, il suffit d'appeler le nom de la classe pour obtenir le résultat sur le formulaire HTML, par exemple la coloration des boutons, la mise en forme du texte, l'utilisation de mises en page. Pour tout cela, il n'est pas nécessaire d'écrire un fichier CSS, il suffit d'utiliser le nom de classe correct pour façonner votre formulaire HTML.

10 votes

En fait, bootstrap est bien plus qu'un simple "fichier css".

1 votes

Je suis d'accord avec @Recipe, il ne s'agit pas seulement du fichier CSS.

1 votes

Je suis personnellement d'accord avec Blitz. Non pas qu'il dispose d'une liste exhaustive des fonctionnalités de Bootstrap, mais que dans mon ou mes magasins complexes, j'utilise principalement un codage puriste et j'utilise Bootstrap pour ses fonctionnalités css les plus basiques. C'est en quelque sorte le cœur de ses forces.

22voto

gauravparmar Points 589

En d'autres termes, Bootstrap est un cadre Web frontal créé par Twitter pour accélérer la création d'applications Web adaptées aux périphériques. Bootstrap peut également être compris comme une collection de classes CSS qui y sont définies et qui peuvent être utilisées directement. Il utilise CSS, javascript, jQuery, etc. en arrière-plan pour créer le style, les effets et les actions des éléments Bootstrap.

Vous savez peut-être que nous utilisons le CSS pour styliser les éléments des pages Web. Nous créons des classes et les attribuons aux éléments des pages Web pour leur appliquer un style. Bootstrap simplifie ici la conception, puisqu'il suffit d'inclure les fichiers Bootstrap et de mentionner les noms de classe prédéfinis de Bootstrap pour nos éléments de page Web et ils seront stylisés automatiquement par Bootstrap. Ainsi, nous n'avons plus besoin d'écrire nos propres classes CSS pour styliser les éléments de la page Web. Plus important encore, Bootstrap est conçu de manière à ce que votre site Web réponde aux besoins des appareils, ce qui est son principal objectif. D'autres alternatives pour Bootstrap pourraient être - Fondation , Matérialiser etc.

Bootstrap vous dispense d'écrire de nombreux codes CSS et vous fait gagner le temps que vous consacrez à la conception des pages Web.

18voto

valueweaver Points 413

Bootstrap est un cadre CSS et JavaScript à code source ouvert qui a été développé à l'origine pour l'application twitter par l'équipe de concepteurs et de développeurs de twitter. Ils l'ont ensuite publié en open-source. En tant qu'utilisateur de longue date de Twitter Bootstrap, je trouve que c'est l'un des meilleurs pour concevoir des sites Web réactifs prêts pour le mobile. De nombreux plugins CSS et Javascript sont disponibles pour concevoir votre site Web en un rien de temps. C'est une sorte de cadre de conception rapide de modèles. Certaines personnes se plaignent que les fichiers CSS de bootstrap sont lourds et prennent du temps à charger, mais ces affirmations sont le fait de personnes paresseuses. Vous n'êtes pas obligé de conserver le fichier bootstrap.css complet sur votre site Web. Vous avez toujours la possibilité de supprimer les styles des composants dont vous n'avez pas besoin pour votre site Web. Par exemple, si vous n'utilisez que des composants de base comme des formulaires et des boutons, vous pouvez supprimer d'autres composants comme les accordéons, etc. du fichier CSS principal. Pour commencer à utiliser bootstrap, vous pouvez télécharger les modèles et les composants de base à l'adresse suivante getbootstrap et laissez la magie opérer.

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X