Manuel chinois Bootstrap

Bootstrap est le framework frontal (HTML, CSS et JavaScript) le plus populaire et le plus puissant qui rend le développement Web réactif (adaptif) plus rapide et plus facile.

Présentation de Bootstrap

Bootstrap a été créé à l'origine par des concepteurs et des développeurs de Twitter au milieu des années 2010. Avant de devenir un framework open source, Bootstrap était connu sous le nom de Twitter Blueprint.

Bootstrap est un framework frontal puissant qui rend le développement Web plus rapide et plus facile. Il comprend des modèles de conception basés sur HTML et CSS pour créer des composants d'interface utilisateur courants tels que des formulaires, des boutons, la navigation, des listes déroulantes, des alertes, des modaux, des onglets, des accordéons, des carrousels, des info-bulles, etc.

Vous pouvez économiser beaucoup de temps et d'efforts en utilisant Bootstrap.

Remarque : Par défaut, Bootstrap 4 est réactif et adopte une approche axée sur le mobile. Bootstrap 4.3 est la version la plus récente et la plus stable de Bootstrap. Bootstrap 4 est pris en charge par tous les principaux navigateurs modernes tels que Google Chrome, Firefox, Safari, Internet Explorer 10 et supérieur, etc.

Ce que vous pouvez faire avec Bootstrap

• Vous pouvez faire bien plus avec Bootstrap.

• Vous pouvez facilement créer un site Web réactif.

• Vous pouvez créer rapidement des mises en page multi-colonnes à l'aide de classes prédéfinies.

• Vous pouvez créer rapidement différents types de mises en page de formulaires.

• Vous pouvez créer rapidement différentes variantes de barre de navigation.

• Vous pouvez facilement créer des composants comme des accordéons, des modaux, etc. sans écrire de code JS.

• Vous pouvez facilement créer des onglets dynamiques pour gérer de grandes quantités de contenu.

• Vous pouvez facilement créer des info-bulles et des fenêtres contextuelles pour afficher le texte d'invite.

• Vous pouvez facilement créer des carrousels ou des curseurs d'images pour présenter votre contenu.

• Vous pouvez créer rapidement différents types de boîtes d'alerte.

En fait, c'est bien plus que cela, vous pouvez faire bien d'autres choses intéressantes avec Bootstrap. Vous en apprendrez davantage sur tout cela dans les chapitres suivants.

Avantages de l'utilisation de Bootstrap

Si vous avez une certaine expérience avec un framework front-end, vous vous demandez peut-être ce qui rend Bootstrap si spécial. Voici quelques avantages pour lesquels vous devriez choisir le framework Bootstrap :

• Gagnez beaucoup de temps - En utilisant les modèles de conception et les classes prédéfinis Bootstrap, vous pouvez économiser beaucoup de temps et d'efforts et vous concentrer sur d'autres travaux de développement.

• Fonctionnalités réactives - Grâce à Bootstrap, vous pouvez facilement créer un site Web réactif qui fonctionne mieux sur différents appareils et résolutions d'écran sans modifier le balisage.

• CONCEPTION COHÉRENTE - Tous les composants Bootstrap partagent les mêmes modèles et styles de conception via une bibliothèque centrale, de sorte que la conception et la mise en page de vos pages Web resteront cohérentes.

• Facile à utiliser - Bootstrap est très facile à utiliser. Toute personne possédant une connaissance pratique de base de HTML, CSS et JavaScript peut commencer à développer avec Bootstrap.

• Compatible avec les navigateurs - Bootstrap est créé en pensant aux navigateurs Web modernes, il est compatible avec tous les navigateurs modernes comme Chrome, Firefox, Safari, Internet Explorer, etc.

• Open Source - La meilleure partie est que son téléchargement et son utilisation sont entièrement gratuits.

Ce que couvre ce didacticiel

Cette série de didacticiels Bootstrap couvre toutes les fonctionnalités du framework Bootstrap, en commençant par les bases telles que le système de grille, les mécanismes de style typographique, les méthodes de style de formulaire et le style des éléments courants de l'interface utilisateur tels que le tableau, liste, image, etc.).

De plus, vous apprendrez à exploiter les composants Bootstrap prêts à l'emploi tels que les groupes d'entrée, les groupes de boutons, les objets multimédias, les barres de navigation, les panneaux, la pagination, les étiquettes et les badges, les barres de progression, etc. et comment les personnaliser pour créer différentes variantes.

Enfin, vous explorerez certaines des fonctionnalités avancées de Bootstrap comme la création de fenêtres modales, d'onglets dynamiques, d'info-bulles, d'alertes, de menus accordéon, de carrousels, de défilement, etc. et comment les personnaliser ou les étendre à l'aide des options et méthodes disponibles. Fonctionnalité.

Avant d'étudier ce cours, veuillez étudier

• Tutoriel HTML

• Tutoriel CSS

• Tutoriel JAVASCRIPT