{"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-intelligente-neue-funktionen-seien-sie-gespannt","status":"publish","type":"post","link":"https:\/\/www.carmatec.com\/de\/php-development\/bootstrap-4-cool-smart-new-features-get-excited\/","title":{"rendered":"Bootstrap 4 \u2013 Coole und intelligente neue Funktionen, die Sie begeistern werden"},"content":{"rendered":"<p>Bootstrap 4 ist zweifellos das beste Frontend-Framework f\u00fcr eine schnellere und einfachere Entwicklung mit hochwertigem HTML, CSS und JavaScript. Die hohe Reaktionsf\u00e4higkeit der Web-Apps (basierend auf Bootstrap), die Anpassbarkeit der Funktionen, die Konsistenz der internen Toolkits, die schnellere Entwicklungszeit und eine riesige Support-Community zeichnen das Framework aus. Bootstrap ist einfach zu verwenden und bietet Ihnen Tools zum Erstellen leistungsstarker, reaktionsf\u00e4higer und mobiler L\u00f6sungen <strong><a href=\"https:\/\/www.carmatec.com\/de\/entwicklung-von-webanwendungen\/\">Web Applikationen<\/a><\/strong> mit minimalem Aufwand!<\/p>\n<p>Und die gute Nachricht ist, dass die endg\u00fcltige, stabile Version von Bootstrap 4 da ist! Das Neue und Coole in Bootstrap V4.0.0-beta.3:<\/p>\n<h4><\/h4>\n<h2><strong>Vollst\u00e4ndig aus SaaS entwickelt<\/strong><\/h2>\n<p>Da der offizielle Quellcode vollst\u00e4ndig mit SaaS entwickelt wird, markiert Bootstrap 4 die neue Generation der Front-End-Entwicklung, die eine einfachere und schnellere Website-Gestaltung mit mehr M\u00f6glichkeiten erm\u00f6glicht.<\/p>\n<h4><\/h4>\n<h2><strong>Neues reaktionsf\u00e4higes Grid-System f\u00fcr kleinere Ger\u00e4te<\/strong><\/h2>\n<p>Bis Bootstrap 3 konnten die Front-End-Entwickler Webdesigns nur in Bezug auf vier Ansichtsfenster ausrichten: Mobiltelefone, Tablets, Desktops und gr\u00f6\u00dfere Desktops. Bootstrap 4 bietet Entwicklern die M\u00f6glichkeit, das Rastersystem auch f\u00fcr kleinere Ger\u00e4te zu verbessern \u2013 Ansichtsfenster mit einer Breite von weniger als 480 Pixel. Die neue Rasterklasse hat den Namen der bisher kleinsten Klasse, col-xs, \u00fcbernommen und der den vorhandenen Rasterklassen (col-sm, col-md, col-lg und col-xl) zugewiesene Ansichtsfenstergr\u00f6\u00dfenbereich wurde nach oben verschoben eine Kerbe.<\/p>\n<h4><\/h4>\n<h2><strong>Einf\u00fchrung verbesserter Restfunktionen mit Reboot.css<\/strong><\/h2>\n<p>Reboot.css ist eine verbesserte Version von normalize.css von Bootstrap 3. Standardm\u00e4\u00dfig verwendet Reboot.css box-size: border-box; auf allen HTML-Elementen und unterst\u00fctzt eine konsistente browser\u00fcbergreifende Entwicklung durch die Bereitstellung von Browser-Reset-Stilen. Mit der neuen Reset-Funktion k\u00f6nnen Sie einen einfachen Grundstil beibehalten, das CSS-Schreiben f\u00fcr moderne Webanwendungen verbessern und responsive Layouts einfacher verwalten.<\/p>\n<h4><\/h4>\n<h2><strong>Optimierte Variablenanpassung<\/strong><\/h2>\n<p>Bootstrap 4 rationalisiert den Variablenanpassungsprozess, indem alle Sass-Variablen in einer einzigen Datei namens _variables.scss verf\u00fcgbar gemacht werden. Um die Werte zu bearbeiten, muss der Entwickler lediglich die Standardeinstellungen von _variables.scss nach _custom.scss kopieren.<\/p>\n<h4><\/h4>\n<h2><strong>Opt-in-Flexbox<\/strong><\/h2>\n<p>Frontend-Entwickler k\u00f6nnen jetzt mithilfe des Flexbox-Layouts von CSS3 ein fl\u00fcssigeres und reaktionsf\u00e4higeres Layout f\u00fcr verschiedene Ansichtsfenster erstellen.<\/p>\n<h4><\/h4>\n<h2><strong>Vorteile der Tether-Bibliothek<\/strong><\/h2>\n<p>In Bootstrap 4 \u00fcbernimmt Tether, die JavaScript-Bibliothek, die automatische Platzierung von Tooltips und Popovers, reduziert die allgemeinen Bildlaufprobleme, legt den Stil f\u00fcr Popup-Elemente fest und f\u00fcgt CSS-Klassen zum Anzeigen von Elementen hinzu.<\/p>\n<h4><\/h4>\n<h2><strong>\u00dcberarbeitete JavaScript-Plugins<\/strong><\/h2>\n<p>In der neuesten Version von Bootstrap wurde jedes JavaSript-Plugin mit ECMAScript 6 neu geschrieben. Die \u00fcberarbeiteten Plugins nutzen die neuesten Spezifikationen und Verbesserungen und erm\u00f6glichen Entwicklern die Erstellung besserer Front-End-Erlebnisse.<\/p>\n<h3><\/h3>\n<h2><strong>Abschluss<\/strong><\/h2>\n<p>Bootstrap V4.0.0-beta.3 hat einige wichtige CSS-Elemente stabilisiert, die Dokumentation aufpoliert und uns mit einer F\u00fclle umfangreicher Funktionen zum Erstellen \u00e4u\u00dferst reaktionsf\u00e4higer und mobilfreundlicher Apps \u00fcberrascht. Es gibt noch einige Probleme, die behoben werden m\u00fcssen, aber dies ist zweifellos das beste Update des Front-End-Frameworks.<\/p>\n<p>M\u00f6chten Sie die M\u00f6glichkeiten des neuen und fortschrittlichen Bootstrap 4.0 erkunden? <a href=\"https:\/\/www.carmatec.com\/de\/kontaktiere-uns\/\">In Kontakt kommen<\/a> mit <a href=\"https:\/\/www.carmatec.com\/de\/\">Carmatec<\/a> um erstaunliche Webanwendungen zu erstellen.<\/p>\n<p>Carmatec vereint vielf\u00e4ltige Kompetenzen aus den Bereichen Design, Verhaltenswissenschaft, Benutzerfreundlichkeit, Analyse, Marketing und Markenbildung, um Unternehmen ganzheitliche L\u00f6sungen f\u00fcr Webdesign, Web- und Mobilentwicklung, Remote-IT-Infrastrukturmanagement, Softwareentwicklung, <a href=\"https:\/\/www.carmatec.com\/de\/verwaltete-it-dienste-rund-um-die-uhr\/\" target=\"_blank\" rel=\"noopener noreferrer\"><strong>Verwaltete IT-Dienste<\/strong><\/a>, <a href=\"https:\/\/www.carmatec.com\/de\/cloud-beratungsdienste\/\" target=\"_blank\" rel=\"noopener noreferrer\"><strong>Cloud-Beratung<\/strong><\/a>, Internet-Marketing und Branding.<\/p>","protected":false},"excerpt":{"rendered":"<p>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 [&hellip;]<\/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\/de\/wp-json\/wp\/v2\/posts\/11543","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.carmatec.com\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.carmatec.com\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.carmatec.com\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.carmatec.com\/de\/wp-json\/wp\/v2\/comments?post=11543"}],"version-history":[{"count":0,"href":"https:\/\/www.carmatec.com\/de\/wp-json\/wp\/v2\/posts\/11543\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.carmatec.com\/de\/wp-json\/wp\/v2\/media\/30876"}],"wp:attachment":[{"href":"https:\/\/www.carmatec.com\/de\/wp-json\/wp\/v2\/media?parent=11543"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.carmatec.com\/de\/wp-json\/wp\/v2\/categories?post=11543"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.carmatec.com\/de\/wp-json\/wp\/v2\/tags?post=11543"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}