{"id":1188,"date":"2013-09-12T17:29:10","date_gmt":"2013-09-12T15:29:10","guid":{"rendered":"https:\/\/wolkenhart.com\/webdesignblog\/?p=1188"},"modified":"2014-06-27T22:25:41","modified_gmt":"2014-06-27T20:25:41","slug":"bootstrap-3-0","status":"publish","type":"post","link":"https:\/\/wolkenhart.com\/webdesignblog\/bootstrap-3-0","title":{"rendered":"Bootstrap 3.0"},"content":{"rendered":"

Bootstrap 3.0: Ein richtig gutes Tool f\u00fcr Responsive Webdesign.<\/strong><\/p>\n

Nun erschien die Bootstrap 3.0 Version<\/strong> p\u00fcnktlich zum zweij\u00e4hrigen Jubil\u00e4um des von Twitter gestarteten HTML5-Frontend-Toolkits. Diese HTML- und CSS-Template nutzt alle Erfahrungen des Unternehmens im Bereich des Webdesign. Der Funktionsumfang, welcher Entwicklern offen steht ist betr\u00e4chtlich. So kann zum Beispiel ein Grid-System integriert werden, Modal-Boxen stehen zur Verf\u00fcgung und auch Tooltips und Pop-Overs k\u00f6nnen eingeblendet werden. Besonders Vorteilhaft ist die M\u00f6glichkeit auf Frontend Patterns zur\u00fcckgreifen zu k\u00f6nnen oder dass das Styling f\u00fcr typografische Elemente \u00fcbernommen werden kann. Auch Formulare und Buttons stehen bereit.<\/p>\n

\"Bootstrap<\/p>\n

Neun Monate Entwicklung der Bootstrap 3.0 Version<\/h2>\n

Neun Monate dauerte die Entwicklung der Bootstrap 3.0 Version<\/strong> und erhielt hierbei ein neues Design und ein \u00fcberarbeitetes Theme. Durch die Tatsache dass das mobile Surfen immer bedeutender wird, war dies auch der Hintergrund f\u00fcr die Erweiterung des Toolkit. Gerade in diesem Bereich wird Responsive Webdesign und somit die M\u00f6glichkeit das sich Webseiten dynamisch anpassen immer wichtiger.<\/p>\n

Wof\u00fcr kann man Bootstrap 3.0 verwenden<\/h3>\n

Man kann mit diesem System sowohl normale Webseiten erstellen, als auch neue Web-Applicationen entwerfen. Zudem besteht die Option auch ein Backend aufzubauen. Auf diese Weise eignet es sich besonders um eine \u00fcbersichtliche Pflegeoberfl\u00e4che aufzubauen. Durch Elemente wie kontrollierbare Alarm-Fenster und Modal-Fenster eignet sich das Toolkit auch um ein Backend aufzubauen. Das Tool wird immer beliebter und man findet es mittlerweile sehr oft im Internet. Sein immenser Vorteil ist es, dass es sich beliebig anpassen und erweitern l\u00e4sst. Man kann sowohl auf eigene Layouts zur\u00fcckgreifen, als auch eigene Themes erstellen.<\/p>\n

Twitter Bootstrap 3.0 Fazit<\/h4>\n

Dieses Framework ist wirklich f\u00fcr einen jeden empfehlenswert. Man kann es ohne Probleme auf seine eigenen Bed\u00fcrfnisse anpassen und es ist sehr flexibel. Gerade um eine Backend schnell aufzubauen bietet es sich hervorragend an. Dazu l\u00e4sst es sich noch frei skalieren und kann somit jeder beliebigen Struktur angepasst werden. Auch als Grundlage f\u00fcr Webseiten bietet es sich vortrefflich an. Mit Bootstrap 3.0<\/strong> l\u00e4sst sich zum Beispiel schnell ein Grundger\u00fcst f\u00fcr eine eigene Webpr\u00e4senz erstellen.<\/p>\n

Momentan wird schon an de Bootstrap 3.1 Version gearbeitet, das mehrere Neuerungen beinhalten soll. Dazwischen sind aber noch ein bis zwei Updates mit Korrekturen eingeplant.<\/em><\/p>\n

WEITERF\u00dcHRENDER LINK<\/strong><\/p>\n

Zu Bootstrap 3.0 geht es hier…<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"

Bootstrap 3.0: Ein richtig gutes Tool f\u00fcr Responsive Webdesign. Nun erschien die Bootstrap 3.0 Version p\u00fcnktlich zum zweij\u00e4hrigen Jubil\u00e4um des von Twitter gestarteten HTML5-Frontend-Toolkits. Diese HTML- und CSS-Template nutzt alle Erfahrungen des Unternehmens im Bereich des Webdesign. Der Funktionsumfang, welcher Entwicklern offen steht ist betr\u00e4chtlich. So kann zum Beispiel ein Grid-System integriert werden, Modal-Boxen stehen zur Verf\u00fcgung und auch Tooltips und Pop-Overs k\u00f6nnen eingeblendet werden. Besonders Vorteilhaft ist die M\u00f6glichkeit auf Frontend Patterns zur\u00fcckgreifen zu k\u00f6nnen oder dass das Styling f\u00fcr typografische Elemente \u00fcbernommen werden kann. Auch Formulare und Buttons stehen bereit. Neun Monate Entwicklung der Bootstrap 3.0 Version Neun Monate dauerte die Entwicklung der Bootstrap 3.0 Version und erhielt hierbei ein neues Design und ein \u00fcberarbeitetes Theme. Durch die Tatsache dass das mobile Surfen immer bedeutender wird, war dies auch der Hintergrund f\u00fcr die Erweiterung des Toolkit. Gerade in diesem Bereich wird Responsive Webdesign und somit die M\u00f6glichkeit das sich Webseiten dynamisch anpassen immer wichtiger. Wof\u00fcr kann man Bootstrap 3.0 verwenden Man kann mit diesem System sowohl normale Webseiten erstellen, als auch neue Web-Applicationen entwerfen. Zudem besteht die Option auch ein Backend aufzubauen. Auf diese Weise eignet es sich besonders um eine \u00fcbersichtliche Pflegeoberfl\u00e4che aufzubauen. Durch Elemente wie kontrollierbare Alarm-Fenster und Modal-Fenster eignet sich das Toolkit auch um ein Backend aufzubauen. Das Tool wird immer beliebter und man findet es mittlerweile sehr oft im Internet. Sein immenser Vorteil ist es, dass es sich beliebig anpassen und erweitern l\u00e4sst. Man kann sowohl auf eigene Layouts zur\u00fcckgreifen, als auch eigene Themes […]<\/p>\n","protected":false},"author":1,"featured_media":2594,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[10,16],"tags":[80,81],"class_list":["post-1188","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-responsive-webdesign","category-webdesign","tag-bootstrap-3-0","tag-framework"],"yoast_head":"\nBootstrap 3.0<\/title>\n<meta name=\"description\" content=\"Bootstrap 3.0 ist ein richtig gutes Tool f\u00fcr Responsive Webdesign. P\u00fcnktlich zum zweij\u00e4hrigen Jubil\u00e4um erscheint die neueste Version.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/wolkenhart.com\/webdesignblog\/bootstrap-3-0\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Bootstrap 3.0\" \/>\n<meta property=\"og:description\" content=\"Bootstrap 3.0 ist ein richtig gutes Tool f\u00fcr Responsive Webdesign. P\u00fcnktlich zum zweij\u00e4hrigen Jubil\u00e4um erscheint die neueste Version.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/wolkenhart.com\/webdesignblog\/bootstrap-3-0\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/wolkenhart\" \/>\n<meta property=\"article:published_time\" content=\"2013-09-12T15:29:10+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2014-06-27T20:25:41+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2013\/09\/Bootstrap-3-01.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"500\" \/>\n\t<meta property=\"og:image:height\" content=\"334\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Mika Gustavson\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@wolkenhart\" \/>\n<meta name=\"twitter:site\" content=\"@wolkenhart\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/wolkenhart.com\/webdesignblog\/bootstrap-3-0#article\",\"isPartOf\":{\"@id\":\"https:\/\/wolkenhart.com\/webdesignblog\/bootstrap-3-0\"},\"author\":{\"name\":\"Mika Gustavson\",\"@id\":\"https:\/\/wolkenhart.com\/webdesignblog\/#\/schema\/person\/dc733b15c31de91e3d2785b2fc6cdd3a\"},\"headline\":\"Bootstrap 3.0\",\"datePublished\":\"2013-09-12T15:29:10+00:00\",\"dateModified\":\"2014-06-27T20:25:41+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/wolkenhart.com\/webdesignblog\/bootstrap-3-0\"},\"wordCount\":381,\"commentCount\":0,\"image\":{\"@id\":\"https:\/\/wolkenhart.com\/webdesignblog\/bootstrap-3-0#primaryimage\"},\"thumbnailUrl\":\"https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2013\/09\/Bootstrap-3-01.jpg\",\"keywords\":[\"Bootstrap 3.0\",\"Framework\"],\"articleSection\":[\"Responsive Webdesign\",\"Webdesign Agentur\"],\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/wolkenhart.com\/webdesignblog\/bootstrap-3-0#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/wolkenhart.com\/webdesignblog\/bootstrap-3-0\",\"url\":\"https:\/\/wolkenhart.com\/webdesignblog\/bootstrap-3-0\",\"name\":\"Bootstrap 3.0\",\"isPartOf\":{\"@id\":\"https:\/\/wolkenhart.com\/webdesignblog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/wolkenhart.com\/webdesignblog\/bootstrap-3-0#primaryimage\"},\"image\":{\"@id\":\"https:\/\/wolkenhart.com\/webdesignblog\/bootstrap-3-0#primaryimage\"},\"thumbnailUrl\":\"https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2013\/09\/Bootstrap-3-01.jpg\",\"datePublished\":\"2013-09-12T15:29:10+00:00\",\"dateModified\":\"2014-06-27T20:25:41+00:00\",\"author\":{\"@id\":\"https:\/\/wolkenhart.com\/webdesignblog\/#\/schema\/person\/dc733b15c31de91e3d2785b2fc6cdd3a\"},\"description\":\"Bootstrap 3.0 ist ein richtig gutes Tool f\u00fcr Responsive Webdesign. P\u00fcnktlich zum zweij\u00e4hrigen Jubil\u00e4um erscheint die neueste Version.\",\"breadcrumb\":{\"@id\":\"https:\/\/wolkenhart.com\/webdesignblog\/bootstrap-3-0#breadcrumb\"},\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/wolkenhart.com\/webdesignblog\/bootstrap-3-0\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\/\/wolkenhart.com\/webdesignblog\/bootstrap-3-0#primaryimage\",\"url\":\"https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2013\/09\/Bootstrap-3-01.jpg\",\"contentUrl\":\"https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2013\/09\/Bootstrap-3-01.jpg\",\"width\":500,\"height\":334,\"caption\":\"Bootstrap-3-0\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/wolkenhart.com\/webdesignblog\/bootstrap-3-0#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Start\",\"item\":\"https:\/\/wolkenhart.com\/webdesignblog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Bootstrap 3.0\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/wolkenhart.com\/webdesignblog\/#website\",\"url\":\"https:\/\/wolkenhart.com\/webdesignblog\/\",\"name\":\"\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/wolkenhart.com\/webdesignblog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"de\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/wolkenhart.com\/webdesignblog\/#\/schema\/person\/dc733b15c31de91e3d2785b2fc6cdd3a\",\"name\":\"Mika Gustavson\",\"description\":\"Hi, ich bin Mika - WordPress-Enthusiast und Webworker aus Leidenschaft. Ich bin Inhaber der Webdesign Agentur \/ WordPress Agentur Wolkenhart\u00ae und freier Dozent an der Dualen Hochschule Baden-W\u00fcrttemberg.\",\"url\":\"https:\/\/wolkenhart.com\/webdesignblog\/author\/webtalk\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Bootstrap 3.0","description":"Bootstrap 3.0 ist ein richtig gutes Tool f\u00fcr Responsive Webdesign. P\u00fcnktlich zum zweij\u00e4hrigen Jubil\u00e4um erscheint die neueste Version.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/wolkenhart.com\/webdesignblog\/bootstrap-3-0","og_locale":"de_DE","og_type":"article","og_title":"Bootstrap 3.0","og_description":"Bootstrap 3.0 ist ein richtig gutes Tool f\u00fcr Responsive Webdesign. P\u00fcnktlich zum zweij\u00e4hrigen Jubil\u00e4um erscheint die neueste Version.","og_url":"https:\/\/wolkenhart.com\/webdesignblog\/bootstrap-3-0","article_publisher":"https:\/\/www.facebook.com\/wolkenhart","article_published_time":"2013-09-12T15:29:10+00:00","article_modified_time":"2014-06-27T20:25:41+00:00","og_image":[{"width":500,"height":334,"url":"https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2013\/09\/Bootstrap-3-01.jpg","type":"image\/jpeg"}],"author":"Mika Gustavson","twitter_card":"summary_large_image","twitter_creator":"@wolkenhart","twitter_site":"@wolkenhart","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/wolkenhart.com\/webdesignblog\/bootstrap-3-0#article","isPartOf":{"@id":"https:\/\/wolkenhart.com\/webdesignblog\/bootstrap-3-0"},"author":{"name":"Mika Gustavson","@id":"https:\/\/wolkenhart.com\/webdesignblog\/#\/schema\/person\/dc733b15c31de91e3d2785b2fc6cdd3a"},"headline":"Bootstrap 3.0","datePublished":"2013-09-12T15:29:10+00:00","dateModified":"2014-06-27T20:25:41+00:00","mainEntityOfPage":{"@id":"https:\/\/wolkenhart.com\/webdesignblog\/bootstrap-3-0"},"wordCount":381,"commentCount":0,"image":{"@id":"https:\/\/wolkenhart.com\/webdesignblog\/bootstrap-3-0#primaryimage"},"thumbnailUrl":"https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2013\/09\/Bootstrap-3-01.jpg","keywords":["Bootstrap 3.0","Framework"],"articleSection":["Responsive Webdesign","Webdesign Agentur"],"inLanguage":"de","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/wolkenhart.com\/webdesignblog\/bootstrap-3-0#respond"]}]},{"@type":"WebPage","@id":"https:\/\/wolkenhart.com\/webdesignblog\/bootstrap-3-0","url":"https:\/\/wolkenhart.com\/webdesignblog\/bootstrap-3-0","name":"Bootstrap 3.0","isPartOf":{"@id":"https:\/\/wolkenhart.com\/webdesignblog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/wolkenhart.com\/webdesignblog\/bootstrap-3-0#primaryimage"},"image":{"@id":"https:\/\/wolkenhart.com\/webdesignblog\/bootstrap-3-0#primaryimage"},"thumbnailUrl":"https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2013\/09\/Bootstrap-3-01.jpg","datePublished":"2013-09-12T15:29:10+00:00","dateModified":"2014-06-27T20:25:41+00:00","author":{"@id":"https:\/\/wolkenhart.com\/webdesignblog\/#\/schema\/person\/dc733b15c31de91e3d2785b2fc6cdd3a"},"description":"Bootstrap 3.0 ist ein richtig gutes Tool f\u00fcr Responsive Webdesign. P\u00fcnktlich zum zweij\u00e4hrigen Jubil\u00e4um erscheint die neueste Version.","breadcrumb":{"@id":"https:\/\/wolkenhart.com\/webdesignblog\/bootstrap-3-0#breadcrumb"},"inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/wolkenhart.com\/webdesignblog\/bootstrap-3-0"]}]},{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/wolkenhart.com\/webdesignblog\/bootstrap-3-0#primaryimage","url":"https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2013\/09\/Bootstrap-3-01.jpg","contentUrl":"https:\/\/wolkenhart.com\/webdesignblog\/wp-content\/uploads\/2013\/09\/Bootstrap-3-01.jpg","width":500,"height":334,"caption":"Bootstrap-3-0"},{"@type":"BreadcrumbList","@id":"https:\/\/wolkenhart.com\/webdesignblog\/bootstrap-3-0#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Start","item":"https:\/\/wolkenhart.com\/webdesignblog\/"},{"@type":"ListItem","position":2,"name":"Bootstrap 3.0"}]},{"@type":"WebSite","@id":"https:\/\/wolkenhart.com\/webdesignblog\/#website","url":"https:\/\/wolkenhart.com\/webdesignblog\/","name":"","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/wolkenhart.com\/webdesignblog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"de"},{"@type":"Person","@id":"https:\/\/wolkenhart.com\/webdesignblog\/#\/schema\/person\/dc733b15c31de91e3d2785b2fc6cdd3a","name":"Mika Gustavson","description":"Hi, ich bin Mika - WordPress-Enthusiast und Webworker aus Leidenschaft. Ich bin Inhaber der Webdesign Agentur \/ WordPress Agentur Wolkenhart\u00ae und freier Dozent an der Dualen Hochschule Baden-W\u00fcrttemberg.","url":"https:\/\/wolkenhart.com\/webdesignblog\/author\/webtalk"}]}},"_links":{"self":[{"href":"https:\/\/wolkenhart.com\/webdesignblog\/wp-json\/wp\/v2\/posts\/1188","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wolkenhart.com\/webdesignblog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wolkenhart.com\/webdesignblog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wolkenhart.com\/webdesignblog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wolkenhart.com\/webdesignblog\/wp-json\/wp\/v2\/comments?post=1188"}],"version-history":[{"count":0,"href":"https:\/\/wolkenhart.com\/webdesignblog\/wp-json\/wp\/v2\/posts\/1188\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wolkenhart.com\/webdesignblog\/wp-json\/wp\/v2\/media\/2594"}],"wp:attachment":[{"href":"https:\/\/wolkenhart.com\/webdesignblog\/wp-json\/wp\/v2\/media?parent=1188"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wolkenhart.com\/webdesignblog\/wp-json\/wp\/v2\/categories?post=1188"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wolkenhart.com\/webdesignblog\/wp-json\/wp\/v2\/tags?post=1188"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}