Maison >interface Web >Tutoriel d'amorçage >Qu'est-ce que le bootstrap et à quoi ça sert

Qu'est-ce que le bootstrap et à quoi ça sert

藏色散人
藏色散人original
2019-07-27 11:26:075964parcourir

Qu'est-ce que le bootstrap et à quoi ça sert

Qu'est-ce que le bootstrap et que fait-il ?

Bootstrap est un ensemble d'outils pour les sites Web et les applications Web ? développement Front-end open source (le soi-disant « front-end » fait référence à l'interface affichée à l'utilisateur final. Le « back-end » correspondant est le code exécuté sur le serveur), comprenant les frameworks HTML, CSS et JavaScript , fournissant l'impression des polices, le fenêtrage des objets, les boutons, la navigation et divers autres composants et extensions Javascript sont conçus pour faciliter le développement de pages Web dynamiques et d'applications Web.

Bootstrap adopte une conception modulaire et utilise le langage de feuille de style LESS pour implémenter divers composants et outils. Un fichier nommé bootstrap.less inclut ces composants et outils. Les développeurs peuvent modifier ce fichier pour décider quels composants sont nécessaires au projet.

Une personnalisation limitée est disponible via un fichier de configuration de base, et une personnalisation plus approfondie est également possible.

Le langage LESS prend en charge les variables, les fonctions, les opérateurs, les sélecteurs combinés et une fonctionnalité appelée Mixin.

À partir de Bootstrap 2.0, la documentation Bootstrap inclut une option spéciale appelée "Personnaliser". Les développeurs peuvent choisir les composants et effets inclus en fonction de leurs besoins réels, puis générer et télécharger des packages compilés.

Le système de grille et le responsive design sont basés sur une largeur de 1170 pixels. De plus, les développeurs peuvent également personnaliser les benchmarks. Dans les deux cas, Bootstrap propose quatre variantes : portrait mobile, paysage mobile et tablette, PC basse résolution et haute résolution, chaque variante ajustant automatiquement la largeur de la grille.

CSS

Bootstrap définit les styles de base d'une série de composants HTML et conçoit un ensemble de styles uniques et modernes pour le texte, les tableaux et les éléments de formulaire.

Composants réutilisables

En plus des éléments HTML de base, Bootstrap comprend également d'autres éléments d'interface couramment utilisés, tels que des boutons avec des fonctions avancées (comme des combinaisons de boutons, des boutons avec Boutons pour les options du menu déroulant, les barres de navigation, les groupes d'onglets horizontaux et verticaux, la navigation, la pagination, etc.), les onglets, la typographie avancée, les vignettes, les messages d'avertissement, les barres de progression, etc.

Ces composants sont implémentés à l'aide de classes CSS. Il doit être mappé à un élément HTML spécifique de la page.

Composants JavaScript

Grâce à jQuery, Bootstrap a ajouté quelques composants JavaScript. Ils fournissent des fonctionnalités telles que des boîtes de dialogue, des info-bulles, des carrousels, etc. De plus, certains éléments de l'interface utilisateur ont été améliorés, comme la saisie semi-automatique des zones de saisie.

Bootstrap 2.0 prend en charge les plug-ins JavaScript suivants : Modal (boîte de dialogue modale), Dropdown (menu déroulant), Scrollspy (surveillance du défilement), Tab (page à onglet), Tooltip (info-bulle), Popover (invite flottante), Alerte (avertissement), Bouton (bouton), Réduire (pliage), Carrousel (carrousel), Typeahead (invite de saisie), Affix (navigation supplémentaire).

Recommandé : "bootstrap tuto

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn