Le bootstrap est-il utile ?

Si vous souhaitez en savoir plus sur Bootstrap, vous pouvez cliquer sur : Tutoriel Bootstrap

Bootstrap est une boîte à outils open source pour le développement front-end lancée par Twitter. Il s'agit d'un framework CSS/HTML. Il a été développé par les concepteurs de Twitter Mark Otto et Jacob Thornton. Bootstrap fournit des spécifications HTML et CSS élégantes, écrites dans le langage CSS dynamique Less. Bootstrap est très populaire depuis son lancement et est un projet open source populaire sur GitHub, y compris le Breaking News MSNBC (Microsoft National Broadcasting Company) de la NASA.

Il s'agit d'un framework pour créer des pages Web (actuellement le framework frontal WEB le plus populaire), ce qui signifie qu'il vous suffit d'écrire des balises HTML et d'appeler ses classes et vous pouvez rapidement créer un site Web haut de gamme Vous n'avez pas à vous inquiéter des problèmes de compatibilité, de nombreux styles vous sont proposés !

Par exemple, vous devez créer une navigation sur un site Web, n'est-ce pas ? Si vous l'écrivez vous-même, vous devez écrire beaucoup de code, mais si vous utilisez le framework bootstrap pour l'écrire, il vous suffit d'écrire la balise HTML et appelez le nom de la classe !

Fonction :

Utilisez les styles et les composants qu'il fournit pour rédiger rapidement des sites Web

Il vous suffit de citer quelques éléments définis Classe, c'est-à-dire le nom de la classe, vous pouvez créer une page Web avec un très beau style, et elle prend en charge l'auto-adaptation, ce qui est un très bon cadre.

============================================ == =================================
Pour faire simple : c'est un projet open source pour construire rapidement la page d'accueil d'un site Web (basé sur Jquery). Il vous suffit de comprendre la signification des classes pertinentes, des noms de balises, etc., puis lors de la construction de la page, d'importer le JS, le CSS, etc. de bootstrap, et il affichera les effets correspondants :
Par exemple, une description HTML : abréviation ; Le contenu complet sera affiché lorsque la souris passera sur les abréviations et les abréviations Bootstrap implémente des styles améliorés pour les éléments HTML. L'élément abréviation a un attribut title et apparaît sous la forme d'un léger cadre en pointillés lorsque la souris est déplacée dessus, il se transforme en un pointeur avec un "point d'interrogation". Lorsque vous avez besoin qu'un certain mot ou une certaine phrase dans le texte du paragraphe ait l'effet ci-dessus, vous pouvez simplement l'écrire dans ce format. Le class="initialism" supplémentaire réduit la taille de la police, ou ce n'est pas nécessaire. D'un autre côté : si vous n'essayez pas le bootstrap ou d'autres frameworks similaires, vous devez alors écrire de tels effets vous-même, ce qui prend beaucoup de temps à développer. Un autre exemple est easyui de Jquery, qui est similaire.

Avantages et inconvénients de bootstrap

Avantages : 1. Bootstrap 4 a été récemment publié et s'est amélioré. box -Flex layout et autres mises à jour pour suivre les derniers développements technologiques Web.

2. Il est relativement mature et a été entièrement utilisé et testé dans un grand nombre de projets.

　 3. Il dispose d'une documentation complète et est plus pratique à utiliser

　 4. Il dispose d'un grand nombre de styles de composants et peut être personnalisé.

Inconvénients : 1. Si vous avez vos propres besoins particuliers, vous devez re-personnaliser le style, ce qui générera du code redondant et consommera plus de temps d'ouverture. L'expérience utilisateur n'est pas bonne.

2. Il y aura des problèmes de compatibilité. Bien qu'il existe de nombreuses façons d'être compatible avec IE sur Internet (bien que IE6, 7, 8, 9 et 10 soient presque éliminés, de nombreuses personnes en Chine l'utilisent encore. eux), mais d'autres fichiers doivent être introduits. Pour assurer la compatibilité, certains fichiers ne sont pas assez petits, ce qui entraînera inévitablement une vitesse de chargement plus lente et affectera l'expérience utilisateur.

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!