Maison  >  Article  >  interface Web  >  Pourquoi utiliser le framework bootstrap

Pourquoi utiliser le framework bootstrap

藏色散人
藏色散人original
2019-07-13 11:02:294047parcourir

Pourquoi utiliser le framework bootstrap

Bootstrap est un ensemble de frontaux open source pour le développement de sites Web et d'applications Web (le soi-disant « front-end » fait référence à l'interface affichée à l'utilisateur final. Le correspondant "back-end" "C'est un code exécuté sur le serveur), comprenant les frameworks HTML, CSS et JavaScript, fournissant la typographie des polices, les formulaires, les boutons, la navigation et d'autres composants divers et extensions Javascript, visant à rendre le développement de sites Web dynamiques pages et applications Web plus efficaces.

Bootstrap est le quatrième projet le plus « étoilé » sur GitHub. A été mis en vedette plus de 133 000 fois et a été branché plus de 65 000 fois.

Pourquoi utiliser le framework bootstrap

Bootstrap est un framework de développement front-end, composé de plug-ins CSS et javascript standard. Son plus grand avantage est sa mise en page réactive. permet aux développeurs de fournir facilement la meilleure expérience pour les pages Web sur les ordinateurs de bureau, les tablettes et les téléphones mobiles. Bootstrap présente des avantages significatifs dans les aspects suivants

1 Système de grille

Les pages peuvent être ajustées pour s'adapter. la taille de l'écran de l'utilisateur afin qu'il fonctionne correctement quelle que soit la taille. L'implémentation de cette fonction repose sur deux éléments, l'un est la vue et l'autre la largeur maximale et la largeur minimale.

2. Modularité CSS

Bootstrap prédéfinit de nombreuses classes CSS Lorsque vous les utilisez, donnez simplement à la classe le nom de classe correspondant, tel que text-left, text-align, .table wait. . La plus représentative est la classe btn. Bootstrap définit une classe de base .bt. Si vous souhaitez d'autres styles, vous pouvez étendre cette classe de base pour obtenir différents effets visuels.

3. Le plug-in est facile à utiliser

Le modèle de développement du plug-in de Bootstrap est très similaire au modèle de développement JavaScript. Définissez d'abord une classe pour implémenter la fonction principale, puis un plugin. fonction, puis étendez cette fonction Accédez au prototype JQuery et enfin liez les événements à des éléments spécifiques via la délégation.

Cependant, Bootstrap présente des problèmes de compatibilité avec le navigateur et est totalement incompatible avec IE6.

Recommandations associées : "Tutoriel bootstrap"

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