Software Alternatives & Reviews

Bootstrap VS Foundation

Compare Bootstrap VS Foundation and see what are their differences


Simple and flexible HTML, CSS, and JS for popular UI components and interactions

The most advanced responsive front-end framework in the world
Bootstrap Landing Page
Bootstrap Landing Page
Foundation Landing Page
Foundation Landing Page

Bootstrap details

Categories
CSS Framework Development Tools Javascript UI Libraries
Website getbootstrap.com  

Foundation details

Categories
CSS Framework Development Tools CSS Tools
Website get.foundation  

Bootstrap videos

Is Bootstrap Still Worth It? -- 1 Design, 2 Code Bases.

More videos:

  • - BOOTSTRAP Review | Best CSS Library ?
  • - Should you use Bootstrap?

Foundation videos

BEST & WORST NEW FOUNDATIONS

More videos:

  • - BEST & WORST NEW FOUNDATIONS
  • - BEST & WORST FOUNDATIONS | Luxury & Drugstore

Category Popularity

0-100% (relative to Bootstrap and Foundation)
78
78%
22%
22
73
73%
27%
27
83
83%
17%
17
100
100%
0%
0

Reviews

These are some of the external sources and on-site user reviews we've used to compare Bootstrap and Foundation

Bootstrap Reviews

Top 5 Bootstrap Alternatives
Bootstrap is synonymous with responsive design. It was Bootstrap that popularized the term “mobile-first design” and showed how it could be done. But while Bootstrap gets the job done most of the time, just getting the job done isn’t always enough. If you feel like Bootstrap is restricting you and that your needs are special, one of the options listed here will help. 🙂
Source: geekflare.com
Best CSS Frameworks in 2019
Many websites operate on Bootstrap, making it a popular choice. It not only includes many components, but it also includes the JavaScript files that make them interactive. Bootstrap also has extremely thorough documentation and is easy to get started with by using its content delivery networks.
CSS Frameworks to use in 2020
At first glance, UIkit pages seem very simple. In fact, this framework will be harder than Bootstrap and will not work for beginners. This is an autonomous system and it will not be possible to make changes without significant efforts.
Source: merehead.com
Bootstrap/Bulma/Tailwind. What should I learn in 2019
Speaking of Bootstrap and Bulma, if I need to update a legacy site with one of the two, I'll actually import Tailwind, activate it's important option, and override anything I might need to using Tailwind classes instead. It is seriously that enjoyable to write rather than sifting through custom CSS files or adhering to arbitrary class names that Bootstrap provides.
Source: www.reddit.com
Bootstrap Alternatives 2019: Advanced CSS Frameworks for Developers
Bootstrap has been around for years—helping developers churn out splendid front-end websites. Over the years, it has managed its reputation as the most popular front-end framework. At its praise, we would like to mention that Bootstrap is the second most starred project on GitHub. It has well over 100 thousand stars under its belt. However, Bootstrap may not be the right...

Foundation Reviews

Best CSS Frameworks in 2019
Foundation is the last framework for us to consider. It is a full-featured, flexible CSS framework aimed at professionals and large businesses.
CSS Frameworks to use in 2020
If you are a beginner, this software is definitely not for you. The Foundation has too many opportunities that cannot be resolved without a lot of experience working with frameworks. But if you no stranger to that, the Foundation will be a good choice because of its flexibility, excellent semantics and a really high level of adaptability.
Source: merehead.com
Bootstrap Alternatives 2019: Advanced CSS Frameworks for Developers
Foundation is a powerful framework for building rapid production code and prototypes on any kind of device. On its website, it mentions that the platform is the most advanced responsive front-end framework, which is not far from the truth. The platform is famous for its responsive design philosophy, which translates to simultaneous designing for multiple screens. On the...
6 Best ReactJS based UI Frameworks
Like bootstrap, CSS framework Foundation is another popular CSS framework. Foundation from Zurb is a very feature-rich and easily customizable library. React Foundation is a library implemented Foundation as React components.
Source: medium.com
10 Lightweight CSS Frameworks You Should Know About
The Zurb Foundation framework is another popular tool for building responsive websites and apps. It comes with a number of modular and flexible components that are completely customizable, which you can use to design beautiful responsive websites that look amazing on any device.

Social recommendations and mentions

Based on our record, Bootstrap seems to be a lot more popular than Foundation. While we know about 119 links to Bootstrap, we've tracked only 4 mentions of Foundation. We are tracking product recommendations and mentions on Reddit, HackerNews and some other platforms. They can help you identify which product is more popular and what people think of it.

Bootstrap mentions (119)

  • How do you track the fanfics you read?
    Bootstrap for making things look nice,. - Source: Reddit / 3 days ago
  • Elixir Phoenix 1.6 Esbuild + SCSS
    One day I was trying to upgrade one of my Phoenix 1.5 apps to Phoenix 1.6. In that app, I customize Bootstrap styles using SCSS. I want to talk about what I found and stumbled on when setting up SCSS. - Source: dev.to / 4 days ago
  • Release 0.4 - Part 1
    Since the project uses Bootstrap, I could refer to their documentation to create a card component and customize it to match the example as closely as I can. - Source: dev.to / 9 days ago
  • Binary Conversion
    Ok so we are done with js processing and now let's go to HTML So as we are using Bootstrap our work will be easier. So let's start First create HTML boilerplate. - Source: dev.to / 20 days ago
  • UI - HTML & CSS
    Material Design is the best Google has to say about the subject. Chakra UI is a truly collaborative project built under the watchful eyes of the open-source community. Bootstrap suffers from the plague of having once been uber-popular, but is, in its current fifth version, an invaluable mix of best practices and real-world experience. We'll look at these libraries, and many other sources, to learn about the three... - Source: dev.to / about 2 months ago
View all

Foundation mentions (4)

  • The CSS frameworks you should know.
    Foundation - Foundation is also a very advanced CSS framework that comes with a bunch of in-built components and also some animations. It is highly responsive design and mobile friendly. Accenture, Nubank are companies that use foundation. - Source: dev.to / 26 days ago
  • Show HN: Flowbite – Tailwind CSS Components Library [MIT License]
    Not sure if it matches your criteria of a mature component framework, but there's Foundation and UIkit. I've used both but all of my new projects use Tailwind. It matches my needs better because I use minimal JavaScript. It also doesn't get in my way and the documentation is refreshingly clear. https://get.foundation/ https://getuikit.com/ > And why aren't there more? It seems to me these tightly coupled CSS + JS... - Source: Hacker News / 3 months ago
  • Using Bootstrap in ReactJS: reactstrap or react-bootstrap?
    It's hard to find developers who have been working with client-side development in the last years, and who haven't at least once used frameworks like Bootstrap, Foundation or Material Design in your frontend projects, to be more productive and save time by reusing pre-made components with ease of customization. - Source: dev.to / 6 months ago
  • The 10 Important Full-Stack Web Development Tools in 2021
    Other notable CSS frameworks are TailWind, Foundation. Geekflare has an insightful list of CSS frameworks with pros and cons. - Source: dev.to / 6 months ago

What are some alternatives?

When comparing Bootstrap and Foundation, you can also consider the following products

Bulma - Bulma is an open source CSS framework based on Flexbox and built with Sass. It's 100% responsive, fully modular, and available for free.

Materialize CSS - A modern responsive front-end framework based on Material Design

Semantic UI - A UI Component library implemented using a set of specifications designed around natural language

Tailwind CSS - A utility-first CSS framework for rapidly building custom user interfaces.

UIKit - A lightweight and modular front-end framework for developing fast and powerful web interfaces

Material-UI - A CSS Framework and a Set of React Components that Implement Google's Material Design

User reviews

Share your experience with using Bootstrap and Foundation. For example, how are they different and which one is better?

Post a review