Bootstrap 3 est la troisième génération du cadre frontal permettant un développement Web plus rapide avec une apparence attrayante. Utiliser avec la balise [twitter-bootstrap]

Présentation

Bootstrap 3
Première infrastructure frontale mobile élégante, intuitive et puissante pour un développement Web plus rapide et plus facile.

Version actuelle: Bootstrap v3.4.0

Rétrocompatibilité

Bootstrap 3 n'est pas rétrocompatible avec v2.x. Pour en savoir plus sur les changements majeurs, les nouveautés et les suppressions, consultez le guide de migration Bootstrap de 2.x à 3.

Quoi de neuf?

  • nouveau design plat et un thème optionnel
  • nouveau Customizer
  • meilleur modèle de boîte par défaut
  • système de grille révisé (mobile d'abord, classes pour téléphones, tablettes, ordinateurs de bureau et grands ordinateurs de bureau)
  • Plugins JavaScript réécrits
  • nouvelle police d'icônes Glyphicons
  • meilleure barre de navigation (maintenant réactive et avec des sous-composants)
  • meilleurs modaux (pour les sites Web réactifs)
  • nouveaux composants (panneau, liste-groupes)
  • quelques composants supprimés (accordéon, sous-menus, tête de frappe)
  • classes de base et de dimensionnement plus cohérentes
  • meilleure documentation
  • suppression de la prise en charge d'Internet Explorer 7 et de Firefox 3.6

Voir tous les détails dans les Notes de version de Bootstrap 3.

Bootstrap pour Sass

Vous pouvez trouver une version (officielle) de Bootstrap propulsée par Sass, prête à être ajoutée directement dans vos applications propulsées par Sass.

Voir la page Bootstrap pour Sass Github.

Liens

  1. Site Web et guide de style
  2. Le blog officiel Twitter Bootstrap
  3. BootstrapDocs

Outils pour tester le code d'amorçage:

  1. Bootply: un terrain de jeu pour Bootstrap, CSS, JavaScript et jQuery
  2. Bootlint: linter HTML officiel pour les projets Bootstrap
  3. Bootlint Online: version en ligne de linter HTML pour les projets Bootstrap
  4. Générateur Yeoman

Réduire la charge utile

Les fichiers par défaut bootstrap.min.js et bootstrap.min.css peuvent être réduits en taille de y compris uniquement les composants que vous utilisez.

Une autre option consiste à utiliser des outils pour supprimer les sélecteurs CSS inutilisés. Pour en savoir plus sur les exécuteurs de tâches et l'automatisation des builds, consultez Grunt.jset Plugin Grunt unCSS.

Liens CDN