{"id":11543,"date":"2018-02-12T16:32:20","date_gmt":"2018-02-12T11:02:20","guid":{"rendered":"https:\/\/www.carmatec.com\/?p=11543"},"modified":"2022-09-27T09:16:52","modified_gmt":"2022-09-27T09:16:52","slug":"bootstrap-4-de-nouvelles-fonctionnalites-intelligentes-et-cool-soyez-enthousiasmes","status":"publish","type":"post","link":"https:\/\/www.carmatec.com\/fr_fr\/php-development\/bootstrap-4-cool-smart-new-features-get-excited\/","title":{"rendered":"Bootstrap 4 \u2013 Nouvelles fonctionnalit\u00e9s cool et intelligentes pour \u00eatre enthousiasm\u00e9"},"content":{"rendered":"

Bootstrap 4 est sans aucun doute le meilleur framework frontal pour un d\u00e9veloppement plus rapide et plus facile avec du HTML, CSS et JavaScript de haute qualit\u00e9. La grande r\u00e9activit\u00e9 des applications Web (construites sur Bootstrap), la nature personnalisable des fonctionnalit\u00e9s, la coh\u00e9rence des bo\u00eetes \u00e0 outils internes, un temps de d\u00e9veloppement plus rapide et une vaste communaut\u00e9 de support sont ce qui distingue le framework des autres. Bootstrap est facile \u00e0 utiliser et vous offre des outils pour cr\u00e9er des applications puissantes, r\u00e9actives et ax\u00e9es sur le mobile. des applications Web<\/a><\/strong> avec un minimum d'effort !<\/p>\n

Et la bonne nouvelle est que la version finale et stable de Bootstrap 4 est l\u00e0 ! Voici les nouveaut\u00e9s et les nouveaut\u00e9s de Bootstrap V4.0.0-beta.3\u00a0:<\/p>\n

<\/h4>\n

Construit enti\u00e8rement \u00e0 partir de SaaS<\/strong><\/h2>\n

Le code source officiel \u00e9tant enti\u00e8rement d\u00e9velopp\u00e9 en SaaS, Bootstrap 4 marque la nouvelle g\u00e9n\u00e9ration de d\u00e9veloppement front-end qui permet une conception de sites Web plus facile et plus rapide avec plus de possibilit\u00e9s.<\/p>\n

<\/h4>\n

Nouveau syst\u00e8me de grille r\u00e9actif pour les petits appareils<\/strong><\/h2>\n

Jusqu'\u00e0 Bootstrap 3, les d\u00e9veloppeurs front-end ne pouvaient cibler les conceptions Web que par rapport \u00e0 4 fen\u00eatres\u00a0: t\u00e9l\u00e9phones mobiles, tablettes, ordinateurs de bureau et ordinateurs de bureau plus grands. Bootstrap 4 offre aux d\u00e9veloppeurs la possibilit\u00e9 d'am\u00e9liorer le syst\u00e8me de grille pour les appareils plus petits \u00e9galement\u00a0: des fen\u00eatres d'affichage d'une largeur inf\u00e9rieure \u00e0 480\u00a0px. La nouvelle classe de grille a adopt\u00e9 le nom de la plus petite classe pr\u00e9c\u00e9dente, col-xs, et la plage de tailles de fen\u00eatre attribu\u00e9e aux classes de grille existantes (col-sm, col-md, col-lg et col-xl) a \u00e9t\u00e9 d\u00e9plac\u00e9e vers le haut. un cran.<\/p>\n

<\/h4>\n

Pr\u00e9sentation de fonctionnalit\u00e9s de repos am\u00e9lior\u00e9es avec Reboot.css<\/strong><\/h2>\n

Reboot.css est une version am\u00e9lior\u00e9e de normalize.css de Bootstrap 3. Par d\u00e9faut, Reboot.css utilise box-size : border-box ; sur tous les \u00e9l\u00e9ments HTML et prend en charge le d\u00e9veloppement coh\u00e9rent entre navigateurs en fournissant des styles de \u00ab r\u00e9initialisation \u00bb du navigateur. La nouvelle fonctionnalit\u00e9 de r\u00e9initialisation vous permet de conserver un style de base simple, am\u00e9liore l'\u00e9criture CSS pour les applications Web modernes et rend les mises en page r\u00e9actives plus faciles \u00e0 g\u00e9rer.<\/p>\n

<\/h4>\n

Personnalisation simplifi\u00e9e des variables<\/strong><\/h2>\n

Bootstrap 4 rationalise le processus de personnalisation des variables en rendant toutes les variables Sass disponibles dans un seul fichier appel\u00e9 _variables.scss. Afin de modifier les valeurs, le d\u00e9veloppeur n'aura qu'\u00e0 copier les param\u00e8tres par d\u00e9faut de _variables.scss vers _custom.scss.<\/p>\n

<\/h4>\n

Flexbox d'adh\u00e9sion<\/strong><\/h2>\n

Les d\u00e9veloppeurs front-end peuvent d\u00e9sormais cr\u00e9er une mise en page plus fluide et plus r\u00e9active pour diff\u00e9rentes fen\u00eatres en tirant parti de la mise en page Flexbox de CSS3.<\/p>\n

<\/h4>\n

Avantages de la biblioth\u00e8que Tether<\/strong><\/h2>\n

Dans Bootstrap 4, Tether, la biblioth\u00e8que JavaScript, g\u00e8re le placement automatique des info-bulles et des popovers, r\u00e9duit les probl\u00e8mes globaux de d\u00e9filement, d\u00e9finit le style des \u00e9l\u00e9ments contextuels et ajoute une classe CSS pour afficher les \u00e9l\u00e9ments.<\/p>\n

<\/h4>\n

Plugins JavaScript refactoris\u00e9s<\/strong><\/h2>\n

Dans la derni\u00e8re version de Bootstrap, chaque plugin JavaSript a \u00e9t\u00e9 r\u00e9\u00e9crit \u00e0 l'aide d'ECMAScript 6. Les plugins refactoris\u00e9s utilisent les derni\u00e8res sp\u00e9cifications et am\u00e9liorations et permettent aux d\u00e9veloppeurs de cr\u00e9er de meilleures exp\u00e9riences frontales.<\/p>\n

<\/h3>\n

Conclusion<\/strong><\/h2>\n

Bootstrap V4.0.0-beta.3 a stabilis\u00e9 quelques \u00e9l\u00e9ments cl\u00e9s du CSS, peaufin\u00e9 la documentation et nous a surpris avec une multitude de fonctionnalit\u00e9s riches pour cr\u00e9er des applications hautement r\u00e9actives et adapt\u00e9es aux mobiles. Il reste encore quelques probl\u00e8mes \u00e0 r\u00e9soudre, mais il s'agit sans aucun doute de la meilleure mise \u00e0 jour du framework front-end.<\/p>\n

Vous souhaitez explorer les possibilit\u00e9s avec le nouveau et avanc\u00e9 Bootstrap 4.0\u00a0? Entrer en contact<\/a> avec Carmatec<\/a> pour cr\u00e9er des applications Web \u00e9tonnantes.<\/p>\n

Carmatec rassemble un ensemble de comp\u00e9tences multiformes dans les domaines de la conception, des sciences du comportement, de l'utilisabilit\u00e9, de l'analyse, du marketing et de la cr\u00e9ation de marque pour fournir aux entreprises des solutions globales pour la conception Web, le d\u00e9veloppement Web et mobile, la gestion de l'infrastructure informatique \u00e0 distance, le d\u00e9veloppement de logiciels, Services informatiques g\u00e9r\u00e9s<\/strong><\/a>, Conseil en nuage<\/strong><\/a>, Marketing Internet et image de marque.<\/p>","protected":false},"excerpt":{"rendered":"

Bootstrap 4 is undoubtedly the best front-end framework for faster and easier development with high-quality HTML, CSS, and JavaScript. The high responsiveness of the web apps (built on Bootstrap), customisable nature of the features, consistency of the internal toolkits, faster development time and a huge support community is what makes the framework standout from the […]<\/p>\n","protected":false},"author":1,"featured_media":30876,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[19],"tags":[],"class_list":["post-11543","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-php-development"],"_links":{"self":[{"href":"https:\/\/www.carmatec.com\/fr_fr\/wp-json\/wp\/v2\/posts\/11543","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.carmatec.com\/fr_fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.carmatec.com\/fr_fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.carmatec.com\/fr_fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.carmatec.com\/fr_fr\/wp-json\/wp\/v2\/comments?post=11543"}],"version-history":[{"count":0,"href":"https:\/\/www.carmatec.com\/fr_fr\/wp-json\/wp\/v2\/posts\/11543\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.carmatec.com\/fr_fr\/wp-json\/wp\/v2\/media\/30876"}],"wp:attachment":[{"href":"https:\/\/www.carmatec.com\/fr_fr\/wp-json\/wp\/v2\/media?parent=11543"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.carmatec.com\/fr_fr\/wp-json\/wp\/v2\/categories?post=11543"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.carmatec.com\/fr_fr\/wp-json\/wp\/v2\/tags?post=11543"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}