Qu'est-ce que le bootstrap et quels sont ses avantages

bootstrap est un framework front-end basé sur HTML, CSS et JavaScript. Il s'agit d'une boîte à outils front-end conçue pour le développement rapide d'applications Web. Les avantages sont les suivants : 1. Mettre en œuvre une mise en page réactive, et il est très pratique de développer des sites Web à mise en page réactive ; 2. Style de codage unifié 3. Simple et facile à écrire 4. Priorité aux appareils mobiles, etc.

L'environnement d'exploitation de ce tutoriel : système Windows 7, bootsrap version 3.3.7, ordinateur DELL G3

Qu'est-ce que Bootstrap

Bootstrap est le framework front-end open source de Twitter basé sur HTML, CSS et JavaScript. Il s'agit d'une boîte à outils frontale conçue pour le développement rapide d'applications Web. Il prend en charge la mise en page réactive et adhère à la priorité des appareils mobiles après la version V3.

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. Certains frameworks familiers aux développeurs mobiles nationaux, tels que le framework open source frontal WeX5, sont également optimisés en termes de performances sur la base du code source Bootstrap.

Contient du contenu

• Structure de base : Bootstrap fournit une structure de base avec un système de grille, des styles de liens et un arrière-plan. Ceci sera expliqué en détail dans la section Structure de base de Bootstrap.

• CSS : Bootstrap est livré avec les fonctionnalités suivantes : paramètres CSS globaux, définition de styles d'éléments HTML de base, classes extensibles et système de grille avancé.

• Composants : Bootstrap contient une multitude de composants Web Sur la base de ces composants, vous pouvez rapidement créer un site Web magnifique et entièrement fonctionnel.

• Il comprend les composants suivants : menu déroulant, groupe de boutons, menu déroulant de boutons, navigation, barre de navigation, chemin de navigation, pagination, mise en page, vignette, boîte de dialogue d'avertissement, barre de progression, objet multimédia, etc.

• Plug-in JavaScript : Bootstrap est livré avec 13 plug-ins jQuery, qui donnent "vie" aux composants de Bootstrap. Ceux-ci incluent : les boîtes de dialogue modales, les onglets, les barres de défilement, les boîtes contextuelles, etc. "Avantages et inconvénients du bootstrap"

Simple et facile à rédiger

Documentation détaillée pour un développement rapide

Les appareils mobiles d'abord

Performances matures, testées dans un grand nombre de projets
• Inconvénients :

• Il y a des problèmes de compatibilité avec ie6 Ce qui suit n'est pas pris en charge

• Ne prend pas en charge sass

• L'utilisation de la personnalisation produira beaucoup de code redondant

• Lorsque vous cliquez sur la page de navigation pour changer directement la position correspondante, l'effet est comme un point d'ancrage sans animation de défilement

Apprentissage recommandé : "Tutoriel d'utilisation du 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!