{"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-coole-slimme-nieuwe-functies-word-enthousiast","status":"publish","type":"post","link":"https:\/\/www.carmatec.com\/nl\/php-development\/bootstrap-4-cool-smart-new-features-get-excited\/","title":{"rendered":"Bootstrap 4 - Coole en slimme nieuwe functies om enthousiast over te worden"},"content":{"rendered":"

Bootstrap 4 is ongetwijfeld het beste front-end framework voor snellere en eenvoudigere ontwikkeling met HTML, CSS en JavaScript van hoge kwaliteit. De hoge responsiviteit van de webapps (gebouwd op Bootstrap), de aanpasbaarheid van de functies, de consistentie van de interne toolkits, de snellere ontwikkelingstijd en een enorme ondersteuningscommunity is wat het framework onderscheidt van de rest. Bootstrap is eenvoudig te gebruiken en geeft je de tools om krachtige, responsieve, mobile-first webtoepassingen<\/a><\/strong> met minimale inspanning!<\/p>\n

En het goede nieuws is dat de definitieve, stabiele versie van Bootstrap 4 er is! Dit is wat er nieuw en cool is in Bootstrap V4.0.0-beta.3:<\/p>\n

<\/h4>\n

Volledig gebouwd vanuit SaaS<\/strong><\/h2>\n

Met de offici\u00eble broncode die volledig is ontwikkeld met behulp van SaaS, markeert Bootstrap 4 de nieuwe generatie front-end ontwikkeling die het mogelijk maakt om eenvoudiger en sneller websites te ontwerpen met meer mogelijkheden.<\/p>\n

<\/h4>\n

Nieuw responsief rastersysteem voor kleinere apparaten<\/strong><\/h2>\n

Tot Bootstrap 3 konden front-end ontwikkelaars zich alleen richten op webontwerpen met betrekking tot 4 viewports: mobiele telefoons, tablets, desktops en grotere desktops. Bootstrap 4 biedt ontwikkelaars de mogelijkheid om het rastersysteem ook te verbeteren voor kleinere apparaten - viewports onder 480px breedte. De nieuwe gridklasse heeft de naam van de vorige kleinste klasse, col-xs, overgenomen en het viewport-bereik dat is toegewezen aan de bestaande gridklassen (col-sm, col-md, col-lg en col-xl) is een tandje opgeschoven.<\/p>\n

<\/h4>\n

Verbeterde Rest-functies introduceren met Reboot.css<\/strong><\/h2>\n

Reboot.css is een verbeterde versie van normalize.css van Bootstrap 3. Standaard gebruikt Reboot.css box-size: border-box; op alle HTML-elementen en ondersteunt congruente cross-browser ontwikkeling door browser \u2018reset\u2019 stijlen te bieden. De nieuwe reset-functie maakt het mogelijk om een eenvoudige basisstijl te behouden, verbetert het schrijven van CSS voor moderne webapplicaties en maakt responsieve lay-outs beter beheersbaar.<\/p>\n

<\/h4>\n

Gestroomlijnde variabele aanpassing<\/strong><\/h2>\n

Bootstrap 4 stroomlijnt het aanpassingsproces van variabelen door alle Sass-variabelen beschikbaar te maken in \u00e9\u00e9n bestand met de naam _variables.scss. Om de waarden aan te passen, hoeft de ontwikkelaar alleen de standaardinstellingen te kopi\u00ebren van _variables.scss naar _custom.scss.<\/p>\n

<\/h4>\n

Opt-in Flexbox<\/strong><\/h2>\n

Front-end ontwikkelaars kunnen nu een meer vloeiende en responsieve lay-out bouwen voor verschillende viewports door gebruik te maken van de CSS3 Flexbox Layout.<\/p>\n

<\/h4>\n

Voordelen van Tether-bibliotheek<\/strong><\/h2>\n

In Bootstrap 4 zorgt Tether, de JavaScript-bibliotheek, voor de automatische plaatsing van tooltips en pop-overs, vermindert het scrollen in het algemeen, geeft pop-upelementen een stijl en voegt CSS-klasse toe aan weergave-elementen.<\/p>\n

<\/h4>\n

Vernieuwde JavaScript-plugins<\/strong><\/h2>\n

In de nieuwste versie van Bootstrap is elke JavaSript-plugin herschreven met behulp van ECMAScript 6. De gerefactureerde plugins maken gebruik van de nieuwste specificaties en verbeteringen en stellen ontwikkelaars in staat om betere front-end ervaringen te bouwen.<\/p>\n

<\/h3>\n

Conclusie<\/strong><\/h2>\n

Bootstrap V4.0.0-beta.3 heeft een paar belangrijke stukken CSS gestabiliseerd, de documentatie opgepoetst en ons verrast met een overvloed aan functies voor het bouwen van zeer responsieve en mobielvriendelijke apps. Er zijn nog steeds een paar kinken die moeten worden gladgestreken, maar dit is ongetwijfeld de beste update van het front-end framework.<\/p>\n

Wil je de mogelijkheden verkennen met de nieuwe en geavanceerde Bootstrap 4.0? Neem contact op<\/a> met Carmatec<\/a> om geweldige webapplicaties te bouwen.<\/p>\n

Carmatec combineert veelzijdige vaardigheden op het gebied van ontwerp, gedragswetenschappen, bruikbaarheid, analyse, marketing en merkontwikkeling om bedrijven holistische oplossingen te bieden voor webdesign, web- en mobiele ontwikkeling, IT-infrastructuurbeheer op afstand en softwareontwikkeling, Beheerde IT-services<\/strong><\/a>, Cloud Advies<\/strong><\/a>Internetmarketing en branding.<\/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\/nl\/wp-json\/wp\/v2\/posts\/11543","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.carmatec.com\/nl\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.carmatec.com\/nl\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.carmatec.com\/nl\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.carmatec.com\/nl\/wp-json\/wp\/v2\/comments?post=11543"}],"version-history":[{"count":0,"href":"https:\/\/www.carmatec.com\/nl\/wp-json\/wp\/v2\/posts\/11543\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.carmatec.com\/nl\/wp-json\/wp\/v2\/media\/30876"}],"wp:attachment":[{"href":"https:\/\/www.carmatec.com\/nl\/wp-json\/wp\/v2\/media?parent=11543"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.carmatec.com\/nl\/wp-json\/wp\/v2\/categories?post=11543"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.carmatec.com\/nl\/wp-json\/wp\/v2\/tags?post=11543"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}