Qu'est-ce que Bootstrap

Bootstrap est un puissant front-end      framework  pour un développement Web plus rapide et plus facile. Il inclut des modèles de conception basés sur HTML et CSS pour les composants courants de l'interface utilisateur tels que la typographie, les formulaires, les boutons, les tableaux, les navigations, les listes déroulantes, les alertes, les modes, les onglets, l'accordéon, le carrousel et bien d'autres extensions JavaScript.

Bootstrap vous donne également la possibilité de créer une présentation réactive avec beaucoup moins d'efforts.

Avantages de Bootstrap :

Le plus grand avantage d'utiliser Bootstrap est qu'il est livré avec un ensemble gratuit d'outils pour la création de configurations Web flexibles et réactifs ainsi que des composants d'interface commune.

En outre, à l'aide des API de données Bootstrap, vous pouvez créer des composants d'interface avancés comme Scrollspy et Typeaheads sans écrire une seule ligne de JavaScript.

Voici quelques avantages supplémentaires, pourquoi on devrait opter pour Bootstrap:

• Gagnez du temps - Vous pouvez économiser beaucoup de temps et d'efforts en utilisant les modèles et les classes de conception prédéfinis Bootstrap et vous concentrer sur d'autres travaux de développement.
• Fonctionnalités adaptées: à l'aide de Bootstrap, vous pouvez facilement créer des designs réactifs. Bootstrap fonctionnalités réactives faire vos pages Web à apparaître plus approprié sur les différents appareils et les résolutions d'écran sans aucun changement dans le marquage.
• Conception cohérente - Tous les composants Bootstrap partagent les mêmes modèles et styles de conception par le biais d'une bibliothèque centrale, de sorte que les conceptions et les mises en page de vos pages Web sont cohérentes tout au long de votre développement.
• Facile à utiliser - Bootstrap est très facile à utiliser. Quiconque possède les connaissances de base en HTML et CSS peut commencer le développement avec Bootstrap.
• Compatible avec les navigateurs - Bootstrap est créé avec les navigateurs modernes à l'esprit et il est compatible avec tous les navigateurs modernes tels que Mozilla Firefox, Google Chrome, Safari, Internet Explorer et Opera.
• Open Source - Et la meilleure partie est, il est complètement gratuit à télécharger et à utiliser.

Premiers pas avec Bootstrap :

Ici, vous apprendrez combien il est facile de créer une page Web à l'aide de Bootstrap. Avant de commencer, assurez-vous d'avoir un éditeur de code et quelques connaissances pratiques de HTML et CSS.

.

Téléchargement des fichiers Bootstrap :

Il existe deux versions disponibles pour le téléchargement, les fichiers source Bootstrap et Bootstrap compilés. Vous pouvez télécharger les fichiers Bootstrap à partir d'ici.( http://getbootstrap.com/getting-started/)

Le téléchargement compilé contient une version compilée et minifiée des fichiers CSS et JavaScript ainsi que des icônes en format de police pour un développement Web plus rapide et plus facile, tandis que la source contient des fichiers source originaux pour tous les CSS et JavaScript ainsi qu'une copie locale des documents.

Afin de mieux comprendre, nous allons nous concentrer sur les fichiers compilés Bootstrap. Il économise votre temps parce que vous n'avez pas à vous ennuyer à chaque fois, y compris des fichiers distincts pour les fonctionnalités individuelles. Il augmentera également les performances de votre site Web et sauvera la bande passante précieuse lorsque vous avez décidé de déplacer votre site sur la production en raison de moindre demande HTTP et taille de téléchargement depuis les fichiers sont compilés et minifiés

Comprendre la structure des fichiers :

Une fois téléchargé le Bootstrap compilé, décompressez le dossier compressé pour voir la structure. Vous trouverez la structure de fichier et le contenu suivants.

bootstrap/

├── css/

│   ├── bootstrap.css

│   ├── bootstrap.css.map

│   ├── bootstrap.min.css

│   ├── bootstrap.min.css.map

│   ├── bootstrap-theme.css

│   ├── bootstrap-theme.css.map

│   ├── bootstrap-theme.min.css

│   └── bootstrap-theme.min.css.map

├── js/

│   ├── bootstrap.js

│   └── bootstrap.min.js

└── fonts/

    ├── glyphicons-halflings-regular.eot

    ├── glyphicons-halflings-regular.svg

    ├── glyphicons-halflings-regular.ttf

    ├── glyphicons-halflings-regular.woff

    └── glyphicons-halflings-regular.woff2

Comme vous pouvez le voir, la version compilée de Bootstrap fournit des fichiers CSS et JS compilés (bootstrap. *), Ainsi que des CSS et JS compilés et minifiés (bootstrap.min. *).

Il ya quatre fichiers de polices (glyphicons-halflings-regular. *) À l'intérieur du dossier polices. Ce fichier de polices comprend plus de 250 icônes de l'ensemble Glyphicon Halflings.

<<<Précédent                                                                                Suivant>>>