• Docs : mises à jour majeures à tous les niveaux de la structure générale, des exemples et des extraits de code. Également rendu réactif avec les nouvelles requêtes des médias.
• Docs : toutes les pages de documentation sont désormais alimentées par des modèles Moustache et les chaînes sont enveloppées dans des balises i18n pour être traduites par le centre de traduction Twitter. Toutes les modifications apportées à la documentation doivent être effectuées ici, puis compilées (similaire à notre CSS et LESS).
• Structure du répertoire Repo : suppression du CSS compilé de la racine au profit d'un grand lien de téléchargement direct sur la page d'accueil de la documentation. Le CSS compilé est en /docs/assets/css/.
• Docs et repo : un makefile, il suffit de taper makedans le terminal et d'obtenir les docs et CSS mis à jour.

Système de grille

• Système de grille mis à jour, maintenant seulement 12 colonnes au lieu de 16
• Une approche réactive signifie que vos projets fonctionnent pratiquement prêts à l'emploi sur les smartphones, les tablettes, etc.
• Suppression de la prise en charge des colonnes de grille inutilisées (par défaut) pour les colonnes 17-24

Réactif (requêtes médias)

• Requêtes multimédias ajoutées pour une prise en charge de base sur les appareils mobiles et les tablettes
• Le CSS réactif est compilé séparément, en tant que bootstrap-responsive.css

Typographie

• h4les éléments sont passés de 16px à 14px avec une valeur par défaut line-heightde 18px
• h5les éléments sont passés de 14px à 12px
• h6les éléments sont passés de 13px à 11px
• Option alignée à droite pour les blocs de citations sifloat: right;

Code

• Nouveau style graphique pour<code>
• Styles Google Code Prettify mis à jour (basés sur les points essentiels de GitHub)

les tables

• Prise en charge améliorée colspanetrowspan
• Styles désormais limités à la nouvelle classe de base,.table
• Classes de table normalisées avec .table-required comme préfixe
• Suppression des options de couleur de tableau inutilisées (trop de code pour un si petit impact)
• Abandon de la prise en charge de TableSorter

Boutons

• De nouvelles classes pour les couleurs et les tailles, toutes précédées de.btn-
• IE9 : dégradés supprimés et coins arrondis ajoutés
• État actif mis à jour pour rendre le style plus clair dans les groupes de boutons (nouveau) et mieux paraître avec une transition personnalisée
• Nouveau mixin, .buttonBackground, pour définir les dégradés des boutons
• La .secondaryclasse a été supprimée des exemples modaux dans nos documents car elle n'avait jamais de styles associés.

Formes

• Le style de formulaire par défaut est maintenant vertical (empilé) pour utiliser moins de CSS et ajouter une plus grande flexibilité
• Classes de formulaire normalisées avec .form-required comme préfixe
• Nouvelles valeurs par défaut des formulaires intégrés pour les formulaires de recherche, en ligne et horizontaux
• Pour les formulaires horizontaux, les classes précédentes .clearfixet .inputsont équivalentes aux nouvelles .control-groupet .controls.
• Balisage de formulaire horizontal plus flexible avec des classes pour tous les styles, y compris une nouvelle classe facultative pour lelabel
• États de formulaire : couleurs mises à jour et personnalisables via de nouvelles variables LESS

Icônes, par Glyphicons

• Nouveau jeu d'icônes Glyphicons Halflings ajouté sous forme de sprite, en noir et blanc
• Balisage simple requis pour une icône dans des tonnes de contextes :<i class="icon-cog"></>
• Ajouter une autre classe, .icon-white, pour la variation blanche de la même icône

Groupes de boutons et listes déroulantes

• Deux nouveaux composants dans la version 2.0 : des groupes de boutons et des listes déroulantes de boutons
• Dépendance : les listes déroulantes de boutons sont construites sur des groupes de boutons et nécessitent donc tous leurs styles
• Les groupes de boutons, .btn-group, peuvent être regroupés à un niveau supérieur avec une barre d'outils de boutons,.btn-toolbar

La navigation

• Les onglets et les pilules nécessitent désormais l'utilisation d'une nouvelle classe de base, .nav, sur leur <ul>et les noms de classe sont maintenant .nav-pillset .nav-tabs.
• Nouvelle variante de liste de navigation ajoutée qui utilise la même classe de base,.nav
• Des onglets verticaux et des pilules ont été ajoutés - il suffit d'ajouter .nav-stackedau<ul>
• Les pilules ont été restylées pour être moins arrondies par défaut
• Les pilules ont maintenant un support de menu déroulant (elles partagent le même balisage et les mêmes styles que les onglets)

Barre de navigation (anciennement barre supérieure)

• La classe de base est passée de .topbarà.navbar
• Prend désormais en charge la position statique (comportement par défaut, non fixe) et fixé en haut de la fenêtre via .navbar-fixed-top(auparavant uniquement pris en charge fixe)
• Ajout de séparateurs verticaux à la navigation de niveau supérieur
• Prise en charge améliorée des formulaires en ligne dans la barre de navigation, qui nécessitent désormais de définir .navbar-formcorrectement les styles uniquement sur les formulaires prévus.
• Le formulaire de recherche de la barre de navigation nécessite désormais l'utilisation de la .navbar-searchclasse et sa saisie l'utilisation de .search-query. Pour positionner le formulaire de recherche, vous devez utiliser .pull-leftou .pull-right.
• Ajout d'un balisage réactif facultatif pour réduire le contenu de la barre de navigation pour les résolutions et les appareils plus petits. Voir les documents de la barre de navigation pour savoir comment utiliser.

Menus déroulants

• Mise à jour du .dropdown-menupour resserrer l'espacement
• Nécessite maintenant que vous ajoutiez un <span class="caret"></span>pour afficher la flèche déroulante
• Nécessite maintenant que vous ajoutiez un data-toggle="dropdown"attribut pour obtenir un comportement de basculement
• La barre de navigation (barre supérieure fixe) a de toutes nouvelles listes déroulantes. Finies les versions sombres et à leur place se trouvent les versions blanches standard avec un curseur supplémentaire à leur sommet pour plus de clarté.

Étiquettes

• Couleurs des étiquettes mises à jour pour correspondre aux couleurs de l'état du formulaire
• Non seulement ils correspondent graphiquement, mais ils sont alimentés par les mêmes nouvelles variables

Vignettes

• Auparavant .media-grid, maintenant juste .thumbnails, nous avons complètement étendu ce composant pour plus d'utilisations tout en conservant une simplicité globale prête à l'emploi.
• Les vignettes individuelles nécessitent désormais une .thumbnailclasse

Alertes

• Nouvelle classe de base : .alertau lieu de.alert-message
• Noms de classe normalisés pour d'autres options, commençant maintenant tous par.alert-
• Styles d'alerte de base repensés pour combiner les alertes par défaut et les alertes au niveau du bloc en une seule
• La classe d'alerte au niveau du bloc a été modifiée : .alert-blockau lieu de.block-message

Barres de progression

• Nouveau en 2.0
• Comprend plusieurs styles via des classes, y compris des variations rayées et animées via CSS3

Composants divers

• Ajout de la documentation pour le composant de puits et l'icône de fermeture (utilisée dans les modaux et les alertes)

Info-bulles

• La méthode du plugin a été renommée de twipsy()à tooltip(), et le nom de la classe est passé de twipsyà tooltip.
• La placementvaleur de l'option qui était belowest maintenant bottom, et aboveest maintenant top.
• L' animateoption a été renommée animation.
• L' htmloption a été supprimée, car les info-bulles par défaut autorisent le HTML maintenant.

popovers

• Les éléments enfants sont désormais correctement nommés : .titleto .popover-title, .innerto .popover-inneret .contentto .popover-content.
• La placementvaleur de l'option qui était belowest maintenant bottom, et aboveest maintenant top.

Nouveaux plugins

• Effondrement
• Carrousel
• Taper à l'avance