Bootstrap 4.0 est dans les cartons, il arrive prochainement !

Équipe Webmarket'
La version 4 vient de passer en branche stable : https://blog.getbootstrap.com/2018/01/18/bootstrap-4/ Mais qu’allons-nous trouver dedans ? Faisons un rapide tour de cette nouvelle version de Bootstrap. Les nouveautés Aucun grand […]
Développement / Graphisme et WebDesign

8 février 2018

La version 4 vient de passer en branche stable : https://blog.getbootstrap.com/2018/01/18/bootstrap-4/

Mais qu’allons-nous trouver dedans ? Faisons un rapide tour de cette nouvelle version de Bootstrap.

Les nouveautés

Aucun grand changement depuis la dernière version bêta, mais plutôt des améliorations et des corrections de bogues.

  • Amélioration de l’impression des pages pour s’assurer que les pages ont une taille raisonnable, plutôt que de faire un rendu mobile.
  • Il est plus facile d’ajouter rapidement des bordures aux éléments. Le défaut devient une bordure de 1 pixel en gris clair.
  • Plus de contrôle sur la grille flexbox grâce à des classes en responsive.
  • Plus de documentation pour les développeurs.

Des exemples Bootstrap à foison

L’équipe semble heureuse de présenter cette nouvelle version. Pour preuve, les exemples sont légion.

Parmi ceux-ci, nous pouvons noter un remake façon Bootstrap des pages marketing d’Apple, ainsi qu’une page de validation de panier ergonomique quelque soit le support.

Vous trouverez aussi les floating labels qu’on voit de plus en plus un peu partout. Les avis sont partagés quant à ces floating labels et créent le débat entre interface et expérience utilisateur. L’esthétisme contre la fonctionnalité, maintenant vous pouvez avoir le choix facilement.

Migrer vers Bootstrap 4

Une page de Migration est en place pour les changements importants : https://getbootstrap.com/docs/4.0/migration/

La migration ne se fait pas aussi facilement que cela, il y a tout de même quelques vérifications à effectuer dans votre code.

Internet Explorer 8 et 9 abandonnés

A noter que IE8 et IE9 ne sont plus supportés par cette version. Cela permet d’avancer dans le design sans avoir de multiples béquilles allongeant et complexifiant le code uniquement pour ces vieux navigateurs.

Points importants à retenir de cet article

  • Bootstrap se met à jour ;

Aidez-nous à partager l’info !

Faites découvrir à vos abonnés Twitter cet article. Cliquez ici pour twitter directement.

Si vous avez apprécié cet article du blog BM Services, abonnez-vous.

Comment s’inscrire au blog BM Services ?

  • Cliquez ici pour vous abonner via RSS.
  • Vous pouvez aussi vous abonner via Feedly.


Équipe Webmarket'

Derniers articles

KPI : que faut-il surveiller sur votre site internet ?

Les KPI sont des indicateurs clés de performances (Key Performance Indicator en anglais) permettant de…

Objectif SMART : méthode, avantages et exemple

Cet acronyme ne vous dit peut-être rien mais il constitue un allié de taille pour…

Canva : l’outil de création visuelle incontournable

Comment parler de création graphique sans parler de cet outil de design et de communication…