--- title: Compare Responsive Frameworks description: With mobile becoming a central factor in most brands' digital strategies, responsive frameworks are ... image: https://www.websitemagazine.com/hubfs/Imported_Blog_Media/mobile-web-iphone-image-Jan-23-2023-12-08-18-7069-AM-1-1-1.png --- [Log In](https://www.websitemagazine.com/_hcms/mem/login) [Subscribe](https://websitemagazine.tradepub.com/free/w_webk05/prgm.cgi) [![Website Magazine Logo](https://www.websitemagazine.com/hs-fs/hubfs/gradient-regular@3x-1.png?width=586&height=145&name=gradient-regular@3x-1.png "Website Magazine Logo")](http://Website%20Services,%20Inc.) - [About](https://www.websitemagazine.com/about) - [FAQs](https://www.websitemagazine.com/about/faq) - [Advertise](https://www.websitemagazine.com/about/advertise) - [Editorial Staff](https://www.websitemagazine.com/about/editorial-publishing-staff) - [Resources](https://websitemagazine.tradepub.com) - [Newsletter](https://www.websitemagazine.com/newsletter-sign-up) - More - [Contact Us](https://www.websitemagazine.com/contact) [Log In](https://www.websitemagazine.com/_hcms/mem/login) [Subscribe](https://websitemagazine.tradepub.com/free/w_webk05/prgm.cgi) Search - [Latest](https://www.websitemagazine.com) - [Design](https://www.websitemagazine.com/web-design) - [Development](https://www.websitemagazine.com/web-development) - [SEO](https://www.websitemagazine.com/seo) - [Ecommerce](https://www.websitemagazine.com/ecommerce) - [Content](https://www.websitemagazine.com/content) - [Marketing](https://www.websitemagazine.com/marketing) - [Advertising](https://www.websitemagazine.com/advertising) - [Email](https://www.websitemagazine.com/email) - [Infographics](https://www.websitemagazine.com/infographics) - [View All Topics](https://www.websitemagazine.com/channels) # Compare Responsive Frameworks ![Peter Devereaux](https://www.websitemagazine.com/hubfs/Peter_Devereaux.png) [by Peter Devereaux](https://www.websitemagazine.com/marketing/author/peter-devereaux) 01 Oct, 2013 - - - [mailto:?Body=https://www.websitemagazine.com/marketing/compare-responsive-frameworks](mailto:?Body=https://www.websitemagazine.com/marketing/compare-responsive-frameworks) - Link Copied! ![Compare Responsive Frameworks](https://www.websitemagazine.com/hubfs/Imported_Blog_Media/mobile-web-iphone-image-Jan-23-2023-12-08-18-7069-AM-1-1-1.png) **With mobile becoming a central factor in most brands' digital strategies, responsive frameworks are proving more instrumental than ever for designers.**   [Bootstrap](https://getbootstrap.com/), for example, is currently among the most popular solutions for those looking to create responsive sites. The platform's newest version is even touted as "mobile first" from the ground up, which means that developers can think about the small screen before adding complexity to the traditional desktop experience. After all, it is easier to expand things on big screens than to condense them on small screens. Yet Bootstrap is far from the only responsive option. Compare some of the features from some of the Web's other [top responsive web design frameworks](https://www.websitemagazine.com/web-design/top-responsive-web-design-frameworks) below: --- ## [Foundation](https://foundation.zurb.com/) Client Example: [National Geographic](https://www.nationalgeographic.com/) Zurb's Foundation offers a powerful grid system for developers to build on, which are flexible and adapt to any screen size - from smartphones to televisions. Plus, what's really cool is that Zurb has also included CSS styles that enable developers to hide and show elements depending on device type. Take that Bootstrap!  ![](https://www.websitemagazine.com/hs-fs/hubfs/Imported_Blog_Media/natgeomobile-Jan-23-2023-12-08-14-3682-AM-1-1-1.png?width=630&height=1120&name=natgeomobile-Jan-23-2023-12-08-14-3682-AM-1-1-1.png) --- ## [Gumby](https://gumbyframework.com/) Client Example: [Borderfree](https://www.borderfree.com/) The Gumby Framework includes a variety of grid-based layouts for any number of different column variations. In addition, developers can customize the Gumby framework to choose which elements, UI modules, colors and fonts they would like in their Gumby packages. ![](https://www.websitemagazine.com/hs-fs/hubfs/Imported_Blog_Media/borderfreemobile-Jan-23-2023-12-08-19-6582-AM-1-1-1.png?width=630&height=1120&name=borderfreemobile-Jan-23-2023-12-08-19-6582-AM-1-1-1.png) --- ## [Blueprint CSS](https://www.blueprintcss.org/) Client Example: [Commerce.Gov](https://www.commerce.gov/) This CSS framework helps developers eliminate discrepancies across browsers. The framework's grid can support complex layouts and developers have the ability to add many out of the box plugins for buttons, tabs, fancy type and more. ![](https://www.websitemagazine.com/hs-fs/hubfs/Imported_Blog_Media/govcommobile-Jan-23-2023-12-08-17-1222-AM-1-1-1.png?width=630&height=1120&name=govcommobile-Jan-23-2023-12-08-17-1222-AM-1-1-1.png) --- ## [960.GS](https://960.gs/) Client Example: [Sony Music](https://www.sonymusic.com/) The 960 grid system provides commonly used dimensions, based on a width of 960 pixels, to help developers streamline Web development. The grid typically comes with both 12 and 16 columns, which can be used either separately or in tandem. However, designers can also choose a 24-column grid that consists of columns 30 pixels wide. ![](https://www.websitemagazine.com/hs-fs/hubfs/Imported_Blog_Media/sonymobile-Jan-23-2023-12-08-16-1833-AM-1-1-1.png?width=630&height=1120&name=sonymobile-Jan-23-2023-12-08-16-1833-AM-1-1-1.png) --- ## [Responsive.GS](https://responsive.gs/) **Client Example: [Autism Awareness Centre](https://autismawarenesscentre.com/)** This responsive grid system also has a "mobile first" mentality. Developers can choose from 12, 16 or 24 columns, as well as optional gutters. In addition, the solution comes with box-sizing polyfill and respond.js polyfill. The former is a fallback for older browsers, while the latter enables responsive designs in browsers that don't support CSS3 media queries. ![](https://www.websitemagazine.com/hs-fs/hubfs/Imported_Blog_Media/autismawarenessmobile-Jan-23-2023-12-08-15-2770-AM-1-1-1.png?width=630&height=1120&name=autismawarenessmobile-Jan-23-2023-12-08-15-2770-AM-1-1-1.png) --- ![Peter Devereaux](https://www.websitemagazine.com/hubfs/Peter_Devereaux.png) [Peter Devereaux](https://www.websitemagazine.com/marketing/author/peter-devereaux) As the Editor-in-Chief of Website Magazine and President of Website Services, Peter has established himself as a prominent figure in the digital marketing industry. With a wealth of experience and knowledge, Peter has been a driving force in shaping the landscape of digital marketing. His leadership in creating innovative and targeted marketing campaigns has helped numerous businesses achieve their revenue growth goals. Under his direction, Website Magazine has become a trusted source of information and insights for digital marketers worldwide. As President of Website Services, Peter oversees a team of talented professionals who specialize in SEO/SEM, email marketing, social media, and digital advertising. Through his hands-on approach, he ensures that his team delivers exceptional results to their clients. With a passion for digital marketing, Peter is committed to staying up-to-date with the latest industry trends and technologies, making him a sought-after thought leader in the field. - - - - - [mailto:peter.devereaux@websitemagazine.com](mailto:peter.devereaux@websitemagazine.com) #### Popular Post ### [31 Back-to-School Keyword Targets ![31 Back-to-School Keyword Targets](https://www.websitemagazine.com/hubfs/Imported_Blog_Media/schoolbus-1-1-1-1.jpg)](https://www.websitemagazine.com/marketing/31-back-to-school-keyword-targets) ### [GoDaddy Goes .XXX ![GoDaddy Goes .XXX](https://www.websitemagazine.com/hubfs/Imported_Blog_Media/gradient-regular-logo-mark-Jan-23-2023-12-15-39-1451-AM-Apr-10-2023-01-36-09-0977-PM-3-1.png)](https://www.websitemagazine.com/marketing/godaddy-goes-xxx) ### [23 Cool Tech Facts ![23 Cool Tech Facts](https://www.websitemagazine.com/hubfs/Imported_Blog_Media/fact_100x100-2-1-1-1.png)](https://www.websitemagazine.com/marketing/23-cool-tech-facts) #### Subscribe to Our Newsletter! [![](https://a.impactradius-go.com/display-ad/13053-1438301)](https://semrush.sjv.io/c/3976891/1438301/13053)![](https://imp.pxf.io/i/3976891/1438301/13053) #### Latest in Marketing [![3 Tips to Make Your Website More User-Friendly in 2023](https://www.websitemagazine.com/hubfs/Imported_Blog_Media/pexels-photo-2284350-1-1.jpg) 3 Tips to Make Your Website More User-Friendly in 2023](https://www.websitemagazine.com/marketing/3-tips-to-make-your-website-more-user-friendly) [![Web.com Launches New Professional QuickStart Website Service](https://www.websitemagazine.com/hubfs/Imported_Blog_Media/pexels-photo-4348404-1.jpg) Web.com Launches New Professional QuickStart Website Service](https://www.websitemagazine.com/marketing/web-com-launches-new-professional-quickstart-website-service) [![6 Ways to Stretch Your Marketing Budget](https://www.websitemagazine.com/hubfs/Imported_Blog_Media/gradient-regular-logo-mark-Feb-07-2023-03-32-33-0828-PM-Apr-25-2023-03-10-37-2214-AM-1.png) 6 Ways to Stretch Your Marketing Budget](https://www.websitemagazine.com/marketing/6-ways-to-stretch-your-marketing-budget) [![5 Reasons Visitors Leave Your Website and Website Tracking Tools to Track Website Visitors](https://www.websitemagazine.com/hubfs/pexels-photo-1008155.jpg) 5 Reasons Visitors Leave Your Website and Website Tracking Tools to Track Website Visitors](https://www.websitemagazine.com/marketing/5-reasons-visitors-leave-your-website) [![5 Lessons About Workplace Energy](https://www.websitemagazine.com/hubfs/Imported_Blog_Media/distress-1-1-1-1.png) 5 Lessons About Workplace Energy](https://www.websitemagazine.com/marketing/5-lessons-about-workplace-energy) [![Y Combinator Startups to #WebTechWatch](https://www.websitemagazine.com/hubfs/Imported_Blog_Media/startup-funding-4-1-1-1.jpg) Y Combinator Startups to #WebTechWatch](https://www.websitemagazine.com/marketing/y-combinator-startups-to-webtechwatch) [![gradient-regular@3x](https://www.websitemagazine.com/hs-fs/hubfs/gradient-regular@3x.png?width=128&height=128&name=gradient-regular@3x.png)](https://www.websitemagazine.com/) 999 E Touhy Ave, Des Plaines, IL 60018   [info@websitemagazine.com](mailto:info@websitemagazine.com) [(888) 7WEBMAG](tel:18887932624) [(312) 313-6576](tel:13123136576) About - [Advertise](https://www.websitemagazine.com/about/advertise) - [Editorial](https://www.websitemagazine.com/about/editorial-publishing-staff) - [Contact Us](https://www.websitemagazine.com/contact) Resources Membership - Login - Subscribe Signup for our newsletter © 2026 Website Magazine. All Rights Reserved - [Privacy Policy](https://www.websitemagazine.com/about/privacy) ```json { "@context" : "https://schema.org", "@type" : "BlogPosting", "author" : { "@type" : "Person", "name" : "Peter Devereaux", "url" : "https://www.websitemagazine.com/marketing/author/peter-devereaux" }, "dateModified" : "2023-05-01T21:28:19.378Z", "datePublished" : "2013-10-01T05:00:00.000Z", "headline" : "Compare Responsive Frameworks", "image" : [ "https://www.websitemagazine.com/hubfs/Imported_Blog_Media/mobile-web-iphone-image-Jan-23-2023-12-08-18-7069-AM-1-1-1.png" ], "mainEntityOfPage" : { "@id" : "https://www.websitemagazine.com/marketing/compare-responsive-frameworks", "@type" : "WebPage" }, "publisher" : { "@type" : "Organization", "logo" : { "@type" : "ImageObject", "url" : "https://www.websitemagazine.com/hubfs/gradient-regular@3x-1.png" }, "name" : "Website Services, Inc." } } ``` ```json { "@context" : "https://schema.org", "@type" : "NewsArticle", "author" : [ { "@type" : "Person", "name" : "Peter Devereaux" } ], "headline" : "Compare Responsive Frameworks", "publisher" : { "name" : "Website Magazine", "url" : "https://www.websitemagazine.com/" } } ```