Cet article résume 11 raisons pour lesquelles Bootstrap est largement diffusé. Si vous n'avez pas encore utilisé Twitter Bootstrap, je vous suggère d'en apprendre davantage à ce sujet. Je n'ai découvert quelque chose que récemment, mais il y a de meilleures nouvelles. Dans la version officielle de VS2013 publiée par Microsoft il y a deux jours, la version de Bootstrap 3.0 a été ajoutée. Même Microsoft a vu la puissance de Bootstrap, et c'est en effet très bon, donc je dois l'apprendre. Voici ma brève introduction à la mise à jour VS2013. Si vous êtes intéressé, vous pouvez jeter un œil à l'introduction du contenu de mise à jour Visual Studio 2013.
Quelle est la raison pour laquelle Bootstrap est aimé de la majorité des gens
1. Gagnez du temps
Avec Bootstrap, vous aurez plus de temps pour gagner de l'argent. La bibliothèque bootstrap contient de nombreux extraits de code prêts à l'emploi qui ajoutent plus de vitalité à votre site Web. Les développeurs Web n'ont plus à passer du temps et des efforts pour coder, ils ont juste besoin de trouver le bon code et de l'insérer au bon endroit. De plus, CSS est écrit en utilisant moins, et de nombreux styles et conceptions ont été conçus.
2. Personnalisation
Un aspect important de Bootstrap est que vous pouvez le prendre par vous-même. Vous pouvez laisser les parties requises du cadre et jeter celles indésirables. Bootstrap vous permet d'adapter les projets que vous développez en fonction de vos besoins.
3. Facteurs de conception
Système de grille
Lorsque vous disposiez des pages, vous devez souvent avoir une grille appropriée. Vous n'utilisez pas nécessairement la grille de la plate-forme, mais cela rend beaucoup moins difficile pour vous de travailler. En mode par défaut, la plate-forme fournit une grille de 16 colonnes (la largeur est de 960px). Chaque colonne a une largeur de 40 pix et chaque colonne a un espace de 10px sur les côtés gauche et droit, laissant un blanc de 20px sur le côté le plus extérieur de chaque grille. Vous pouvez modifier le nombre de lignes et de tailles d'intervalle au besoin. Le style a été développé et le développeur n'a qu'à mettre le code approprié dans l'emplacement approprié du HTML.
MOINS
Moins est largement utilisé pendant le cycle de développement. Il s'agit d'un langage de haut niveau basé sur CSS, et son objectif est de rendre le développement CSS plus flexible et puissant. Vous pouvez utiliser les mixins et les opérations CSS de Less pour personnaliser les maillages intégrés. Bootstrap adopte un grand nombre de fonctionnalités populaires CSS3 pour fournir une expérience de navigation unifiée à tous les sites Web.
Javascrip
Bootstrap fournit une bibliothèque JavaScript qui va au-delà de l'architecture et des styles de base. Grâce à Bootstrap, les développeurs peuvent facilement faire fonctionner des boîtes d'avertissement de fenêtre, des boîtes à instant pour les boutiques, des barres de défilement, des boutons, etc. Ce qui ressort de Bootstrap, c'est qu'il vous permet d'écrire des scripts sans avoir à vous en soucier.
4. Cohérence
La principale raison pour laquelle Twitter a développé cet outil a été l'incohérence entre les projets développés par les développeurs entre différents navigateurs. Cela entraîne de nombreux problèmes entre le développement frontal et les interfaces utilisateur final. Bootstrap assure l'unité de l'interface sur différentes plates-formes. Dans IE, Chrome et Firefox, vous pouvez voir une interface unifiée.
5. Continuez vos mises à jour continues
Prenez l'interface utilisateur de JQuery comme exemple: mis à jour une fois par an. Bootstrap s'améliore constamment, plus régulièrement et continu. Dès que les développeurs Web ont découvert un nouveau problème, l'équipe Bootstrap a immédiatement commencé à le résoudre.
6. Facile à intégrer
Si vous souhaitez affiner davantage un site Web terminé, Bootstrap peut vous aider. Par exemple, si vous souhaitez utiliser un style de table auto-écrit, ce que vous voulez faire est de copier votre style dans un fichier de style CSS. Bootstrap le stylisera immédiatement, ici, vous devez associer le fichier à Twitter. Le processus d'intégration est très simple, pratique et rapide. Une fois terminé, vous pouvez appliquer votre conception à votre contenu principal.
7. Réactif
Bootstrap est un cadre réactif. Que votre travail de développement soit transféré d'un ordinateur portable vers un iPad ou d'un iPad à un Mac, vous n'avez pas à vous soucier de votre travail. Parce que Bootstrap peut s'adapter aux différences entre les différentes plates-formes avec une livraison et une efficacité express ultra-rapides.
8. Compatibilité avec les technologies futures
Bootstrap contient de nombreux éléments spéciaux, tels que HTML5 et CSS3, appelés l'avenir de la conception. Étant donné que ce cadre prend en compte l'avenir de la conception et du développement, il a le potentiel de devenir une norme de référence pour les développeurs Web au cours des prochaines années.
9. Competitivité
Bootstrap n'est pas le seul cadre de développement frontal, tel que jQuery UI, HTML5 Playplate, etc. Mais pour bootstrap, le vrai concurrent est la fondation du zurb. Bootstrap 2 a ajouté un nouvel ensemble d'outils, et il a fallu beaucoup de temps à la fondation pour le remplir. Bootstrap contient un grand nombre de plug-ins tiers, de thèmes, de fonctionnalités fonctionnelles, de code, etc., dont la fondation n'a pas.
10. Description détaillée
La documentation de Bootstrap est assez merveilleuse. La plupart des nouvelles plateformes n'ont souvent pas de documentation appropriée, et la documentation de Bootstrap nous aide grandement à en savoir plus. Toutes les informations dont nous avons besoin peuvent être trouvées via la documentation.
11. profiter aux patrons
Apprendre Bootstrap ne vous prend pas beaucoup de temps, car il résume toutes les approches modulaires avec l'architecture. Du point de vue du patron, si vous fournissez un cadre bootstrap aux développeurs Web, ils économiseront plus de temps dans l'apprentissage et investiront rapidement dans leur travail. Cela apportera de meilleurs avantages aux patrons.
Si vous trouvez Bootstrap vraiment utile, vous pouvez consulter le framework sur twitter.github.com/bootstrap/. Vous pouvez également télécharger la version compilée ou obtenir le fichier source bootstrap contenant la documentation CSS et JavaScript.
Expérience visuelle
La première chose que j'ai vue est le site officiel chinois. Si vous regardez attentivement, il sera en fait expliqué en détail.
Ensuite, cliquez sur le document chinois http://v3.bootcss.com/bootstrap3.
Continuez à lire http://expo.bootcss.com/ De nombreuses instances de site Web ont été appliquées ici.
En voyant autant d'exemples et une telle excellente architecture frontale, j'ai réellement réalisé que tant de sites Web avaient été utilisés, et j'ai hâte de commencer mon parcours d'apprentissage.
Si vous souhaitez toujours étudier en profondeur, vous pouvez cliquer ici pour étudier et vous attacher 3 sujets passionnants:
Tutoriel d'apprentissage bootstrap
Tutoriel pratique de bootstrap
Tutoriel d'utilisation du plug-in bootstrap
Ce qui précède est tout le contenu de cet article. J'espère que cela sera utile à l'apprentissage de tous et j'espère que tout le monde soutiendra davantage Wulin.com.