{"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-coola-smarta-nya-funktioner-blir-upphetsad","status":"publish","type":"post","link":"https:\/\/www.carmatec.com\/sv\/php-development\/bootstrap-4-cool-smart-new-features-get-excited\/","title":{"rendered":"Bootstrap 4 \u2013 Coola och smarta nya funktioner att bli upphetsad av"},"content":{"rendered":"

Bootstrap 4 \u00e4r utan tvekan det b\u00e4sta front-end-ramverket f\u00f6r snabbare och enklare utveckling med h\u00f6gkvalitativ HTML, CSS och JavaScript. Den h\u00f6ga lyh\u00f6rdheten hos webbapparna (byggda p\u00e5 Bootstrap), funktionernas anpassningsbara karakt\u00e4r, konsistensen hos de interna verktygssatserna, snabbare utvecklingstid och en enorm supportgemenskap \u00e4r det som g\u00f6r att ramverket sticker ut fr\u00e5n resten. Bootstrap \u00e4r l\u00e4tt att anv\u00e4nda och ger dig verktyg f\u00f6r att bygga kraftfulla, lyh\u00f6rda, mobila f\u00f6rst webbapplikationer<\/a><\/strong> med minimal anstr\u00e4ngning!<\/p>\n

Och den goda nyheten \u00e4r att den slutliga, stabila versionen av Bootstrap 4 \u00e4r h\u00e4r! H\u00e4r \u00e4r det nya och coola i Bootstrap V4.0.0-beta.3:<\/p>\n

<\/h4>\n

Byggd helt fr\u00e5n SaaS<\/strong><\/h2>\n

Eftersom den officiella k\u00e4llkoden utvecklas helt med SaaS, markerar Bootstrap 4 den nya generationen av front-end-utveckling som m\u00f6jligg\u00f6r enklare och snabbare webbdesign med fler m\u00f6jligheter.<\/p>\n

<\/h4>\n

Nytt responsivt n\u00e4tsystem f\u00f6r mindre enheter<\/strong><\/h2>\n

Fram till Bootstrap 3 kunde front-end-utvecklarna bara inrikta sig p\u00e5 webbdesigner med avseende p\u00e5 4 visningsportar: mobiltelefoner, surfplattor, station\u00e4ra datorer och st\u00f6rre station\u00e4ra datorer. Bootstrap 4 underl\u00e4ttar utvecklare med m\u00f6jligheten att f\u00f6rb\u00e4ttra rutn\u00e4tssystemet f\u00f6r mindre enheter ocks\u00e5 \u2013 visningsportar under 480px bredd. Den nya rutn\u00e4tsklassen har antagit namnet p\u00e5 den tidigare minsta klassen, col-xs, och visningsportstorleksintervallet som tilldelats de befintliga rutn\u00e4tsklasserna (col-sm, col-md, col-lg och col-xl) har flyttats upp ett hack.<\/p>\n

<\/h4>\n

Vi introducerar f\u00f6rb\u00e4ttrade vilofunktioner med Reboot.css<\/strong><\/h2>\n

Reboot.css \u00e4r en f\u00f6rb\u00e4ttrad version av normalize.css av Bootstrap 3. Som standard anv\u00e4nder Reboot.css box-size: border-box; p\u00e5 alla HTML-element och st\u00f6der kongruent utveckling i flera webbl\u00e4sare genom att tillhandah\u00e5lla webbl\u00e4sarstilar f\u00f6r "\u00e5terst\u00e4llning". Den nya \u00e5terst\u00e4llningsfunktionen l\u00e5ter dig beh\u00e5lla en enkel basstil, f\u00f6rb\u00e4ttrar CSS-skrivning f\u00f6r moderna webbapplikationer och g\u00f6r responsiva layouter mer hanterbara.<\/p>\n

<\/h4>\n

Str\u00f6mlinjeformad variabel anpassning<\/strong><\/h2>\n

Bootstrap 4 effektiviserar variabelanpassningsprocessen genom att g\u00f6ra alla Sass-variabler tillg\u00e4ngliga i en enda fil som heter _variables.scss. F\u00f6r att redigera v\u00e4rdena beh\u00f6ver utvecklaren bara kopiera standardinst\u00e4llningarna fr\u00e5n _variables.scss till _custom.scss.<\/p>\n

<\/h4>\n

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

Front-end-utvecklare kan nu bygga en mer flytande och lyh\u00f6rd layout f\u00f6r olika visningsportar med hj\u00e4lp av CSS3:s Flexbox-layout.<\/p>\n

<\/h4>\n

F\u00f6rdelar med Tether Library<\/strong><\/h2>\n

I Bootstrap 4 hanterar Tether, JavaScript-biblioteket, den automatiska placeringen av verktygstips och popovers, minskar de \u00f6vergripande rullningsproblemen, s\u00e4tter stil p\u00e5 popup-element och l\u00e4gger till CSS-klass f\u00f6r att visa element.<\/p>\n

<\/h4>\n

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

I den senaste versionen av Bootstrap har varje JavaSript-plugin skrivits om med ECMAScript 6. De omstrukturerade plugin-programmen anv\u00e4nder de senaste specifikationerna och f\u00f6rb\u00e4ttringarna och till\u00e5ter utvecklare att bygga b\u00e4ttre front-end-upplevelser.<\/p>\n

<\/h3>\n

Slutsats<\/strong><\/h2>\n

Bootstrap V4.0.0-beta.3 har stabiliserat n\u00e5gra viktiga delar av CSS, polerat dokumentationen och \u00f6verraskat oss med en m\u00e4ngd rika funktioner f\u00f6r att bygga mycket responsiva och mobilv\u00e4nliga appar. Det finns fortfarande n\u00e5gra kinks som m\u00e5ste l\u00f6sas men detta \u00e4r utan tvekan den b\u00e4sta uppdateringen av front-end-ramverket.<\/p>\n

Vill du utforska m\u00f6jligheterna med nya och avancerade Bootstrap 4.0? Komma i kontakt<\/a> med Carmatec<\/a> att bygga fantastiska webbapplikationer.<\/p>\n

Carmatec sammanf\u00f6r m\u00e5ngfacetterad kompetens fr\u00e5n omr\u00e5dena design, beteendevetenskap, anv\u00e4ndbarhet, analys, marknadsf\u00f6ring och varum\u00e4rkesskapande f\u00f6r att f\u00f6rse f\u00f6retag med holistiska l\u00f6sningar f\u00f6r webbdesign, webb- och mobilutveckling, fj\u00e4rrstyrning av IT-infrastruktur, mjukvaruutveckling, Hanterade IT-tj\u00e4nster<\/strong><\/a>, Cloud Consulting<\/strong><\/a>, Internetmarknadsf\u00f6ring och varum\u00e4rkesutveckling.<\/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\/sv\/wp-json\/wp\/v2\/posts\/11543","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.carmatec.com\/sv\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.carmatec.com\/sv\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.carmatec.com\/sv\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.carmatec.com\/sv\/wp-json\/wp\/v2\/comments?post=11543"}],"version-history":[{"count":0,"href":"https:\/\/www.carmatec.com\/sv\/wp-json\/wp\/v2\/posts\/11543\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.carmatec.com\/sv\/wp-json\/wp\/v2\/media\/30876"}],"wp:attachment":[{"href":"https:\/\/www.carmatec.com\/sv\/wp-json\/wp\/v2\/media?parent=11543"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.carmatec.com\/sv\/wp-json\/wp\/v2\/categories?post=11543"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.carmatec.com\/sv\/wp-json\/wp\/v2\/tags?post=11543"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}