{"id":934,"date":"2018-02-26T12:53:52","date_gmt":"2018-02-26T05:53:52","guid":{"rendered":"http:\/\/www.yellowweb.id\/blog\/?p=934"},"modified":"2018-03-01T14:42:46","modified_gmt":"2018-03-01T07:42:46","slug":"bootstrap-infografik","status":"publish","type":"post","link":"https:\/\/www.yellowweb.id\/blog\/bootstrap-infografik\/","title":{"rendered":"Bootstrap (Infografik)"},"content":{"rendered":"

Bagi teman-teman Web Designer mungkin sudah biasa dan sering mendengar istilah Bootstrap<\/a> ini. Lantas apa itu Bootstrap? Bootstrap adalah CSS Framework<\/a>, yang dikembangkan oleh Twitter<\/a>. Dengan menggunakan Bootstrap<\/a> tentunya membangun sebuah layout web menjadi lebih cepat.
\n
\nKarena mereka sudah menyediakan berupa kerangka kerja\/ template, dengan dukungan layout yang responsive (RWD)<\/a>, intuitif, melayout lebih terasa menyenangkan, cepat dan tentunya bagi pemula tidak begitu terlalu sulit.
\nSaat ini, kami menyiapkan tiga infografik yang menggambarkan kerangka kerja ini.<\/p>\n

\"bootstrap-yellowwebid2.png\"<\/a>

Bootstrap Infografik<\/p><\/div>\n

Sumber Asli: https:\/\/www.templatemonster.com\/infographics\/bootstrap-interactive-infographics.php<\/a><\/p>\n

\"bootstrap-yellowwebid.png\"<\/a>

Bootstrap Infografik<\/p><\/div>\n

Sumber Asli: https:\/\/www.template.net\/web-templates\/bootstrap\/bootstrap-framework\/<\/a><\/p>\n

\"bootstrap-yellowwebid.jpg\"<\/a>

Bootstrap Infografik<\/p><\/div>\n

Sumber Asli: https:\/\/designmodo.com\/bootstrap-vs-foundation\/<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"

Bagi teman-teman Web Designer mungkin sudah biasa dan sering mendengar istilah Bootstrap ini. Lantas apa itu Bootstrap? Bootstrap adalah CSS Framework, yang dikembangkan oleh Twitter. Dengan menggunakan Bootstrap tentunya membangun sebuah layout web menjadi lebih cepat.<\/p>\n","protected":false},"author":1,"featured_media":941,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[155,414,416],"tags":[7,8,157,415,409,411],"class_list":["post-934","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-bootstrap","category-css-framework","category-infografis","tag-bootstrap","tag-css","tag-css-framework","tag-foundation","tag-responsive-web","tag-rwd"],"yoast_head":"\nBootstrap (Infografik) - YELLOWWEB.ID<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.yellowweb.id\/blog\/bootstrap-infografik\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Bootstrap (Infografik) - YELLOWWEB.ID\" \/>\n<meta property=\"og:description\" content=\"Bagi teman-teman Web Designer mungkin sudah biasa dan sering mendengar istilah Bootstrap ini. Lantas apa itu Bootstrap? Bootstrap adalah CSS Framework, yang dikembangkan oleh Twitter. Dengan menggunakan Bootstrap tentunya membangun sebuah layout web menjadi lebih cepat.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.yellowweb.id\/blog\/bootstrap-infografik\/\" \/>\n<meta property=\"og:site_name\" content=\"YELLOWWEB.ID\" \/>\n<meta property=\"article:published_time\" content=\"2018-02-26T05:53:52+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2018-03-01T07:42:46+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/i0.wp.com\/www.yellowweb.id\/blog\/wp-content\/uploads\/2018\/02\/bootstrap-01.jpg?fit=2500%2C1208&ssl=1\" \/>\n\t<meta property=\"og:image:width\" content=\"2500\" \/>\n\t<meta property=\"og:image:height\" content=\"1208\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"yellowweb\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"yellowweb\" \/>\n\t<meta name=\"twitter:label2\" content=\"Estimated reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/bootstrap-infografik\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/bootstrap-infografik\\\/\"},\"author\":{\"name\":\"yellowweb\",\"@id\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/#\\\/schema\\\/person\\\/75188044e080844724e381ab6a5b9829\"},\"headline\":\"Bootstrap (Infografik)\",\"datePublished\":\"2018-02-26T05:53:52+00:00\",\"dateModified\":\"2018-03-01T07:42:46+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/bootstrap-infografik\\\/\"},\"wordCount\":128,\"image\":{\"@id\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/bootstrap-infografik\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/wp-content\\\/uploads\\\/2018\\\/02\\\/bootstrap-01.jpg\",\"keywords\":[\"bootstrap\",\"css\",\"css framework\",\"foundation\",\"responsive web\",\"rwd\"],\"articleSection\":[\"Bootstrap\",\"CSS Framework\",\"Infografis\"],\"inLanguage\":\"en-GB\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/bootstrap-infografik\\\/\",\"url\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/bootstrap-infografik\\\/\",\"name\":\"Bootstrap (Infografik) - YELLOWWEB.ID\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/bootstrap-infografik\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/bootstrap-infografik\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/wp-content\\\/uploads\\\/2018\\\/02\\\/bootstrap-01.jpg\",\"datePublished\":\"2018-02-26T05:53:52+00:00\",\"dateModified\":\"2018-03-01T07:42:46+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/#\\\/schema\\\/person\\\/75188044e080844724e381ab6a5b9829\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/bootstrap-infografik\\\/#breadcrumb\"},\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/bootstrap-infografik\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/bootstrap-infografik\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/wp-content\\\/uploads\\\/2018\\\/02\\\/bootstrap-01.jpg\",\"contentUrl\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/wp-content\\\/uploads\\\/2018\\\/02\\\/bootstrap-01.jpg\",\"width\":2500,\"height\":1208,\"caption\":\"Bootstrap Infografik\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/bootstrap-infografik\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Bootstrap (Infografik)\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/\",\"name\":\"YELLOWWEB.ID\",\"description\":\"Kursus Web Design | Kursus Web Programming | Mobile Web Apps | Digital Marketing\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-GB\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/#\\\/schema\\\/person\\\/75188044e080844724e381ab6a5b9829\",\"name\":\"yellowweb\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/5afd1bfac26e9377e8f5e36afb624cf3690dd31cb07c3961dfbc736b9ff1912f?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/5afd1bfac26e9377e8f5e36afb624cf3690dd31cb07c3961dfbc736b9ff1912f?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/5afd1bfac26e9377e8f5e36afb624cf3690dd31cb07c3961dfbc736b9ff1912f?s=96&d=mm&r=g\",\"caption\":\"yellowweb\"},\"sameAs\":[\"https:\\\/\\\/www.yellowweb.id\"],\"url\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/author\\\/yellowweb\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Bootstrap (Infografik) - YELLOWWEB.ID","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:\/\/www.yellowweb.id\/blog\/bootstrap-infografik\/","og_locale":"en_GB","og_type":"article","og_title":"Bootstrap (Infografik) - YELLOWWEB.ID","og_description":"Bagi teman-teman Web Designer mungkin sudah biasa dan sering mendengar istilah Bootstrap ini. Lantas apa itu Bootstrap? Bootstrap adalah CSS Framework, yang dikembangkan oleh Twitter. Dengan menggunakan Bootstrap tentunya membangun sebuah layout web menjadi lebih cepat.","og_url":"https:\/\/www.yellowweb.id\/blog\/bootstrap-infografik\/","og_site_name":"YELLOWWEB.ID","article_published_time":"2018-02-26T05:53:52+00:00","article_modified_time":"2018-03-01T07:42:46+00:00","og_image":[{"width":2500,"height":1208,"url":"https:\/\/i0.wp.com\/www.yellowweb.id\/blog\/wp-content\/uploads\/2018\/02\/bootstrap-01.jpg?fit=2500%2C1208&ssl=1","type":"image\/jpeg"}],"author":"yellowweb","twitter_card":"summary_large_image","twitter_misc":{"Written by":"yellowweb","Estimated reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.yellowweb.id\/blog\/bootstrap-infografik\/#article","isPartOf":{"@id":"https:\/\/www.yellowweb.id\/blog\/bootstrap-infografik\/"},"author":{"name":"yellowweb","@id":"https:\/\/www.yellowweb.id\/blog\/#\/schema\/person\/75188044e080844724e381ab6a5b9829"},"headline":"Bootstrap (Infografik)","datePublished":"2018-02-26T05:53:52+00:00","dateModified":"2018-03-01T07:42:46+00:00","mainEntityOfPage":{"@id":"https:\/\/www.yellowweb.id\/blog\/bootstrap-infografik\/"},"wordCount":128,"image":{"@id":"https:\/\/www.yellowweb.id\/blog\/bootstrap-infografik\/#primaryimage"},"thumbnailUrl":"https:\/\/www.yellowweb.id\/blog\/wp-content\/uploads\/2018\/02\/bootstrap-01.jpg","keywords":["bootstrap","css","css framework","foundation","responsive web","rwd"],"articleSection":["Bootstrap","CSS Framework","Infografis"],"inLanguage":"en-GB"},{"@type":"WebPage","@id":"https:\/\/www.yellowweb.id\/blog\/bootstrap-infografik\/","url":"https:\/\/www.yellowweb.id\/blog\/bootstrap-infografik\/","name":"Bootstrap (Infografik) - YELLOWWEB.ID","isPartOf":{"@id":"https:\/\/www.yellowweb.id\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.yellowweb.id\/blog\/bootstrap-infografik\/#primaryimage"},"image":{"@id":"https:\/\/www.yellowweb.id\/blog\/bootstrap-infografik\/#primaryimage"},"thumbnailUrl":"https:\/\/www.yellowweb.id\/blog\/wp-content\/uploads\/2018\/02\/bootstrap-01.jpg","datePublished":"2018-02-26T05:53:52+00:00","dateModified":"2018-03-01T07:42:46+00:00","author":{"@id":"https:\/\/www.yellowweb.id\/blog\/#\/schema\/person\/75188044e080844724e381ab6a5b9829"},"breadcrumb":{"@id":"https:\/\/www.yellowweb.id\/blog\/bootstrap-infografik\/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.yellowweb.id\/blog\/bootstrap-infografik\/"]}]},{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/www.yellowweb.id\/blog\/bootstrap-infografik\/#primaryimage","url":"https:\/\/www.yellowweb.id\/blog\/wp-content\/uploads\/2018\/02\/bootstrap-01.jpg","contentUrl":"https:\/\/www.yellowweb.id\/blog\/wp-content\/uploads\/2018\/02\/bootstrap-01.jpg","width":2500,"height":1208,"caption":"Bootstrap Infografik"},{"@type":"BreadcrumbList","@id":"https:\/\/www.yellowweb.id\/blog\/bootstrap-infografik\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.yellowweb.id\/blog\/"},{"@type":"ListItem","position":2,"name":"Bootstrap (Infografik)"}]},{"@type":"WebSite","@id":"https:\/\/www.yellowweb.id\/blog\/#website","url":"https:\/\/www.yellowweb.id\/blog\/","name":"YELLOWWEB.ID","description":"Kursus Web Design | Kursus Web Programming | Mobile Web Apps | Digital Marketing","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.yellowweb.id\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-GB"},{"@type":"Person","@id":"https:\/\/www.yellowweb.id\/blog\/#\/schema\/person\/75188044e080844724e381ab6a5b9829","name":"yellowweb","image":{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/secure.gravatar.com\/avatar\/5afd1bfac26e9377e8f5e36afb624cf3690dd31cb07c3961dfbc736b9ff1912f?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/5afd1bfac26e9377e8f5e36afb624cf3690dd31cb07c3961dfbc736b9ff1912f?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/5afd1bfac26e9377e8f5e36afb624cf3690dd31cb07c3961dfbc736b9ff1912f?s=96&d=mm&r=g","caption":"yellowweb"},"sameAs":["https:\/\/www.yellowweb.id"],"url":"https:\/\/www.yellowweb.id\/blog\/author\/yellowweb\/"}]}},"_links":{"self":[{"href":"https:\/\/www.yellowweb.id\/blog\/wp-json\/wp\/v2\/posts\/934","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.yellowweb.id\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.yellowweb.id\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.yellowweb.id\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.yellowweb.id\/blog\/wp-json\/wp\/v2\/comments?post=934"}],"version-history":[{"count":4,"href":"https:\/\/www.yellowweb.id\/blog\/wp-json\/wp\/v2\/posts\/934\/revisions"}],"predecessor-version":[{"id":942,"href":"https:\/\/www.yellowweb.id\/blog\/wp-json\/wp\/v2\/posts\/934\/revisions\/942"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.yellowweb.id\/blog\/wp-json\/wp\/v2\/media\/941"}],"wp:attachment":[{"href":"https:\/\/www.yellowweb.id\/blog\/wp-json\/wp\/v2\/media?parent=934"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.yellowweb.id\/blog\/wp-json\/wp\/v2\/categories?post=934"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.yellowweb.id\/blog\/wp-json\/wp\/v2\/tags?post=934"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}