BT

Nouveau Early adopter ou innovator ? InfoQ a travaillé sur de nouvelles fonctionnalités pour vous. En savoir plus

Bootstrap 3.2 ajoute entre autres les Widgets Responsives

| par Abel Avram , traduit par Simon Courtois le 17 juil. 2014. Durée de lecture estimée: 1 minute |

Bootstrap 3.2 ajoute les widgets, objets et iframes responsives, plusieurs classes utilitaires responsives et un nombre considérable d'améliorations et corrections de bugs.

Basé sur plus de 1 000 commits, Bootstrap 3.2.0 apporte un certain nombre d'améliorations et une importante quantité de corrections. Bootstrap étant un framework pour créer des sites avec un design responsive, il manquait le support responsive pour les éléments <embed>, <object> et <iframe>, cette nouvelle version résout le problème. Le HTML correspondant à une vidéo YouTube 16:9 qui ajuste ses dimensions en fonction de la largeur de la page ressemble à ceci :

 

<div class="embed-responsive embed-responsive-16by9">
  <iframe src="…(link)…"></iframe>
</div>

 

Parmi les améliorations, on trouve :

  • La documentation a été réarrangée et mise à jour pour être plus spécifique et plus simple à développer
  • Le composant Barre de Progression a été revu et rendu plus flexible
  • Les performances du repaint CSS ont été revues pour un certain nombre de composants (en particulier pour le scroll)
  • La navigation au clavier (suivant et précédent) est maintenant disponible sur le carrousel
  • Une Modal ne devrait plus se décaler vers la gauche lorsqu'elle est ouverte

À noter également que plusieurs classes utilitaires responsives ont été ajoutées : block, inline-block et inline. Les notes de publication contiennent la liste des corrections et améliorations de cette version.

Pour éviter certains bugs générés par un balisage HTML invalide ajouté sur le dépôt, l'équipe derrière Bootstrap a installé le service LMVTFY (Let Me Verify That For You : Laissez-moi vérifier ça pour vous) qui surveille les nouvelles issues et commentaires, extrait le code HTML s'il est présent et le fait passer par le validateur HTML5.

Bootstrap peut maintenant être téléchargé via npm.

Evaluer cet article

Pertinence
Style

Bonjour étranger!

Vous devez créer un compte InfoQ ou cliquez sur pour déposer des commentaires. Mais il y a bien d'autres avantages à s'enregistrer.

Tirez le meilleur d'InfoQ

Donnez-nous votre avis

Html autorisé: a,b,br,blockquote,i,li,pre,u,ul,p

M'envoyer un email pour toute réponse à l'un de mes messages dans ce sujet
Commentaires de la Communauté

Html autorisé: a,b,br,blockquote,i,li,pre,u,ul,p

M'envoyer un email pour toute réponse à l'un de mes messages dans ce sujet

Html autorisé: a,b,br,blockquote,i,li,pre,u,ul,p

M'envoyer un email pour toute réponse à l'un de mes messages dans ce sujet

Discuter

Se connecter à InfoQ pour interagir sur ce qui vous importe le plus.


Récupérer votre mot de passe

Follow

Suivre vos sujets et éditeurs favoris

Bref aperçu des points saillants de l'industrie et sur le site.

Like

More signal, less noise

Créez votre propre flux en choisissant les sujets que vous souhaitez lire et les éditeurs dont vous désirez suivre les nouvelles.

Notifications

Restez à jour

Paramétrez vos notifications et ne ratez pas le contenu qui vous importe

BT