{"id":39267,"date":"2017-11-03T21:01:52","date_gmt":"2017-11-03T13:01:52","guid":{"rendered":"https:\/\/www.hongkiat.com\/blog\/?p=39267"},"modified":"2023-04-06T19:17:35","modified_gmt":"2023-04-06T11:17:35","slug":"google-styled-layout-with-bootplus-framework","status":"publish","type":"post","link":"https:\/\/www.hongkiat.com\/blog\/google-styled-layout-with-bootplus-framework\/","title":{"rendered":"Design Stunning Bootstrap Layouts with Bootplus Framework"},"content":{"rendered":"

It\u2019s so easy to create sleek websites with Bootstrap<\/a><\/strong>, even if you have zero design knowledge. The library is easy to set up and works right out of the box with a pristine design.<\/p>\n

But, when too many sites have the same Bootstrap style, you get far too many pages that look identical<\/strong>. However, you can make your site stand out<\/strong> with frameworks such as Bootplus<\/a><\/strong>.<\/p>\n

This free BootStrap framework restyles all the CSS<\/strong> for a refreshed Bootstrap look. This makes your default layout look more like a Google+ page<\/strong> with similar buttons, text, grids, and live components<\/a>.<\/p>\n

Read Also:<\/strong> Are Ready-made Websites Killing Web Design?<\/a><\/p>\n

\"Bootplus<\/a><\/figure>\n

Note this framework is 100% free<\/strong> just like Bootstrap. So, it\u2019s an excellent choice for developers who don\u2019t want to spend money and prefer open-source. It also works with the FontAwesome library<\/a><\/strong> which is Bootstrap\u2019s icon font of choice.<\/p>\n

The Bootplus homepage is set up much like Bootstrap\u2019s, so you should have no trouble working through the documentation. There\u2019s a handy guide on the Getting started page<\/a><\/strong> which should help anyone download & install this framework.<\/p>\n

Note if you\u2019re looking to customize this with your own CSS you\u2019ll need to know LESS<\/a><\/strong> or be willing to edit the raw CSS<\/strong>.<\/p>\n

Bootstrap also uses LESS, so this keeps everything consistent. Although, it was announced that Bootstrap 4 will be switching to Sass<\/a><\/strong> and this may affect the Bootplus framework, too.<\/p>\n

As of this writing, Bootplus works with all Bootstrap v3.x releases<\/strong> and should support the new Bootstrap 4<\/a>, once it\u2019s released publicly.<\/p>\n

\"Bootplus<\/a><\/figure>\n

Read Also:<\/strong> Web Design Hasn\u2019t Changed Much, and We\u2019re Already in 2017<\/a><\/p>\n

If you loathe the boring default Bootstrap styles then you\u2019ll absolutely adore Bootplus. It\u2019s really easy to set up and you can find all the documentation you need<\/strong> right on the website<\/a>.<\/p>\n

Of course, it also has a GitHub repo<\/a><\/strong> if you wanna check that out or browse through the code before downloading.<\/p>\n

Questions or suggestions can be sent to creator Marcello Palmitessa via his Twitter @marcellopalmit<\/a>.<\/p>","protected":false},"excerpt":{"rendered":"

It\u2019s so easy to create sleek websites with Bootstrap, even if you have zero design knowledge. The library is easy to set up and works right out of the box with a pristine design. But, when too many sites have the same Bootstrap style, you get far too many pages that look identical. However, you…<\/p>\n","protected":false},"author":18,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[3395],"tags":[2289,4317],"topic":[4520],"class_list":["entry-content","is-maxi"],"acf":[],"yoast_head":"\nDesign Stunning Bootstrap Layouts with Bootplus Framework - Hongkiat<\/title>\n<meta name=\"description\" content=\"It's so easy to create sleek websites with Bootstrap, even if you have zero design knowledge. The library is easy to set up and works right out of the box\" \/>\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.hongkiat.com\/blog\/google-styled-layout-with-bootplus-framework\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Design Stunning Bootstrap Layouts with Bootplus Framework\" \/>\n<meta property=\"og:description\" content=\"It's so easy to create sleek websites with Bootstrap, even if you have zero design knowledge. The library is easy to set up and works right out of the box\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.hongkiat.com\/blog\/google-styled-layout-with-bootplus-framework\/\" \/>\n<meta property=\"og:site_name\" content=\"Hongkiat\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/hongkiatcom\" \/>\n<meta property=\"article:published_time\" content=\"2017-11-03T13:01:52+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-04-06T11:17:35+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/assets.hongkiat.com\/uploads\/google-styled-layout-with-bootplus-framework\/01-bootplus-layout-homepage.jpg\" \/>\n<meta name=\"author\" content=\"Jake Rocheleau\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@hongkiat\" \/>\n<meta name=\"twitter:site\" content=\"@hongkiat\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Jake Rocheleau\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/google-styled-layout-with-bootplus-framework\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/google-styled-layout-with-bootplus-framework\\\/\"},\"author\":{\"name\":\"Jake Rocheleau\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/person\\\/966b2daea15283b4145e71aa98a82c2a\"},\"headline\":\"Design Stunning Bootstrap Layouts with Bootplus Framework\",\"datePublished\":\"2017-11-03T13:01:52+00:00\",\"dateModified\":\"2023-04-06T11:17:35+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/google-styled-layout-with-bootplus-framework\\\/\"},\"wordCount\":340,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/google-styled-layout-with-bootplus-framework\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/google-styled-layout-with-bootplus-framework\\\/01-bootplus-layout-homepage.jpg\",\"keywords\":[\"Bootstrap\",\"UI frameworks\"],\"articleSection\":[\"UI\\\/UX\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/google-styled-layout-with-bootplus-framework\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/google-styled-layout-with-bootplus-framework\\\/\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/google-styled-layout-with-bootplus-framework\\\/\",\"name\":\"Design Stunning Bootstrap Layouts with Bootplus Framework - Hongkiat\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/google-styled-layout-with-bootplus-framework\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/google-styled-layout-with-bootplus-framework\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/google-styled-layout-with-bootplus-framework\\\/01-bootplus-layout-homepage.jpg\",\"datePublished\":\"2017-11-03T13:01:52+00:00\",\"dateModified\":\"2023-04-06T11:17:35+00:00\",\"description\":\"It's so easy to create sleek websites with Bootstrap, even if you have zero design knowledge. The library is easy to set up and works right out of the box\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/google-styled-layout-with-bootplus-framework\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/google-styled-layout-with-bootplus-framework\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/google-styled-layout-with-bootplus-framework\\\/#primaryimage\",\"url\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/google-styled-layout-with-bootplus-framework\\\/01-bootplus-layout-homepage.jpg\",\"contentUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/google-styled-layout-with-bootplus-framework\\\/01-bootplus-layout-homepage.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/google-styled-layout-with-bootplus-framework\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Design Stunning Bootstrap Layouts with Bootplus Framework\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\",\"name\":\"Hongkiat\",\"description\":\"Tech and Design Tips\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\",\"name\":\"Hongkiat.com\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/wp-content\\\/uploads\\\/hkdc-logo-rect-yoast.jpg\",\"contentUrl\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/wp-content\\\/uploads\\\/hkdc-logo-rect-yoast.jpg\",\"width\":1200,\"height\":799,\"caption\":\"Hongkiat.com\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/hongkiatcom\",\"https:\\\/\\\/x.com\\\/hongkiat\",\"https:\\\/\\\/www.pinterest.com\\\/hongkiat\\\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/person\\\/966b2daea15283b4145e71aa98a82c2a\",\"name\":\"Jake Rocheleau\",\"description\":\"Jake is a writer and designer with over 10 years experience working on the web. He writes about user experience design and cool resources for designers\",\"sameAs\":[\"https:\\\/\\\/www.hongkiat.com\"],\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/author\\\/jake\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Design Stunning Bootstrap Layouts with Bootplus Framework - Hongkiat","description":"It's so easy to create sleek websites with Bootstrap, even if you have zero design knowledge. The library is easy to set up and works right out of the box","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.hongkiat.com\/blog\/google-styled-layout-with-bootplus-framework\/","og_locale":"en_US","og_type":"article","og_title":"Design Stunning Bootstrap Layouts with Bootplus Framework","og_description":"It's so easy to create sleek websites with Bootstrap, even if you have zero design knowledge. The library is easy to set up and works right out of the box","og_url":"https:\/\/www.hongkiat.com\/blog\/google-styled-layout-with-bootplus-framework\/","og_site_name":"Hongkiat","article_publisher":"https:\/\/www.facebook.com\/hongkiatcom","article_published_time":"2017-11-03T13:01:52+00:00","article_modified_time":"2023-04-06T11:17:35+00:00","og_image":[{"url":"https:\/\/assets.hongkiat.com\/uploads\/google-styled-layout-with-bootplus-framework\/01-bootplus-layout-homepage.jpg","type":"","width":"","height":""}],"author":"Jake Rocheleau","twitter_card":"summary_large_image","twitter_creator":"@hongkiat","twitter_site":"@hongkiat","twitter_misc":{"Written by":"Jake Rocheleau","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.hongkiat.com\/blog\/google-styled-layout-with-bootplus-framework\/#article","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/google-styled-layout-with-bootplus-framework\/"},"author":{"name":"Jake Rocheleau","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/person\/966b2daea15283b4145e71aa98a82c2a"},"headline":"Design Stunning Bootstrap Layouts with Bootplus Framework","datePublished":"2017-11-03T13:01:52+00:00","dateModified":"2023-04-06T11:17:35+00:00","mainEntityOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/google-styled-layout-with-bootplus-framework\/"},"wordCount":340,"commentCount":0,"publisher":{"@id":"https:\/\/www.hongkiat.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/google-styled-layout-with-bootplus-framework\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/google-styled-layout-with-bootplus-framework\/01-bootplus-layout-homepage.jpg","keywords":["Bootstrap","UI frameworks"],"articleSection":["UI\/UX"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.hongkiat.com\/blog\/google-styled-layout-with-bootplus-framework\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.hongkiat.com\/blog\/google-styled-layout-with-bootplus-framework\/","url":"https:\/\/www.hongkiat.com\/blog\/google-styled-layout-with-bootplus-framework\/","name":"Design Stunning Bootstrap Layouts with Bootplus Framework - Hongkiat","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/google-styled-layout-with-bootplus-framework\/#primaryimage"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/google-styled-layout-with-bootplus-framework\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/google-styled-layout-with-bootplus-framework\/01-bootplus-layout-homepage.jpg","datePublished":"2017-11-03T13:01:52+00:00","dateModified":"2023-04-06T11:17:35+00:00","description":"It's so easy to create sleek websites with Bootstrap, even if you have zero design knowledge. The library is easy to set up and works right out of the box","breadcrumb":{"@id":"https:\/\/www.hongkiat.com\/blog\/google-styled-layout-with-bootplus-framework\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.hongkiat.com\/blog\/google-styled-layout-with-bootplus-framework\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.hongkiat.com\/blog\/google-styled-layout-with-bootplus-framework\/#primaryimage","url":"https:\/\/assets.hongkiat.com\/uploads\/google-styled-layout-with-bootplus-framework\/01-bootplus-layout-homepage.jpg","contentUrl":"https:\/\/assets.hongkiat.com\/uploads\/google-styled-layout-with-bootplus-framework\/01-bootplus-layout-homepage.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/www.hongkiat.com\/blog\/google-styled-layout-with-bootplus-framework\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.hongkiat.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Design Stunning Bootstrap Layouts with Bootplus Framework"}]},{"@type":"WebSite","@id":"https:\/\/www.hongkiat.com\/blog\/#website","url":"https:\/\/www.hongkiat.com\/blog\/","name":"Hongkiat","description":"Tech and Design Tips","publisher":{"@id":"https:\/\/www.hongkiat.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.hongkiat.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.hongkiat.com\/blog\/#organization","name":"Hongkiat.com","url":"https:\/\/www.hongkiat.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.hongkiat.com\/blog\/wp-content\/uploads\/hkdc-logo-rect-yoast.jpg","contentUrl":"https:\/\/www.hongkiat.com\/blog\/wp-content\/uploads\/hkdc-logo-rect-yoast.jpg","width":1200,"height":799,"caption":"Hongkiat.com"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/hongkiatcom","https:\/\/x.com\/hongkiat","https:\/\/www.pinterest.com\/hongkiat\/"]},{"@type":"Person","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/person\/966b2daea15283b4145e71aa98a82c2a","name":"Jake Rocheleau","description":"Jake is a writer and designer with over 10 years experience working on the web. He writes about user experience design and cool resources for designers","sameAs":["https:\/\/www.hongkiat.com"],"url":"https:\/\/www.hongkiat.com\/blog\/author\/jake\/"}]}},"jetpack_featured_media_url":"https:\/\/","jetpack_shortlink":"https:\/\/wp.me\/p4uxU-adl","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/39267","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/users\/18"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/comments?post=39267"}],"version-history":[{"count":2,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/39267\/revisions"}],"predecessor-version":[{"id":65941,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/39267\/revisions\/65941"}],"wp:attachment":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/media?parent=39267"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/categories?post=39267"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/tags?post=39267"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/topic?post=39267"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}