Software Alternatives & Reviews

Bootstrap VS Bulma

Compare Bootstrap VS Bulma and see what are their differences


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

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

Bootstrap details

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

Bulma details

Categories
CSS Framework Development Tools Designer Tools
Website bulma.io  

Bootstrap videos

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

More videos:

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

Bulma videos

S.H. Figuarts BULMA Dragon Ball Action Figure Review

More videos:

  • - S.H. Figuarts Dragon Ball Adventure Begins Bulma Review
  • - Bandai SH Figuarts BULMA Review BR / DiegoHDM

Category Popularity

0-100% (relative to Bootstrap and Bulma)
69
69%
31%
31
64
64%
36%
36
100
100%
0%
0
49
49%
51%
51

Reviews

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

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...

Bulma Reviews

Best CSS Frameworks in 2019
Despite its newness, Bulma is a modern framework with layout capabilities developers love. If you value easy-to-create layouts and consistency, consider Bulma for your next project.
CSS Frameworks to use in 2020
Bulma is a relatively new framework on the market compared to most competitors. But in a short time it made a famous name for itself. Attractiveness is based on a rigorous approach based solely on CSS (no Javascript elements, as in Bootstrap) and elegant default configurations.
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
Bulma is a Flexbox based CSS framework which is used by more than a hundred thousand developers. A few years ago when it first came to the market with its full-fledged flexbox grid, it became an instant hit. The platform also features a massive list of components that are helpful for coding a wide range of websites. Bulma deserves a mention in our list, not just for its...
10 Lightweight CSS Frameworks You Should Know About
Bulma is a free and open source modern CSS framework based on the Flexbox layout model. It offers a simple grid system, responsive nav bars and versatile media objects. Every element in Bulma is mobile-first and optimized for small screens, and can be easily customized using modifier classes and variables.

Social recommendations and mentions

Based on our record, Bootstrap should be more popular than Bulma. It has been mentiond 119 times since March 2021. 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 / 1 day 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 / 2 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 / 7 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 / 18 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

Bulma mentions (37)

  • 📚🏆 Top 20 Web Development Learning Resources: From Beginner to Advanced
    These are great online learning resources that feature HTML and CSS references from the creator of Bulma CSS. - Source: dev.to / 21 days ago
  • The CSS frameworks you should know.
    Bulma CSS Bulma - is a CSS framework based on CSS flexbox. It also has a lot of in-built components that you can use. One distinct feature of Bulma is that it comes in a lightweight weight structure that allows you to only import the components you need. Companies like Django, Rubrik used Bulma CSS. - Source: dev.to / 24 days ago
  • Halfmoon: The forgotten CSS Framework
    We often see people talking about bootstrap, Tailwind CSS or Bulma CSS when it comes to CSS frameworks. Once I wanted to use some css framework for one of my projects, and I tried to find some new ones, and in a blog post I saw the mention of halfmoon css, I just saw it and I was really surprised, like such a beautiful framework and no one talks about, no one uses it, or only few use it, but you rarely hear or... - Source: dev.to / about 1 month ago
  • How to Migrate a Rails 6 App From sass-rails to cssbundling-rails
    Use Tailwind CSS, Bootstrap, Bulma, PostCSS, or Dart Sass to bundle and process your CSS, then deliver it via the asset pipeline in Rails. This gem provides installers to get you going with the bundler of your choice in a new Rails application, and a convention to use app/assets/builds to hold your bundled output as artifacts that are not checked into source control (the installer adds this directory to .gitignore... - Source: dev.to / about 2 months ago
  • Styling frameworks ?
    There are a lot of CSS frameworks. Example: https://bulma.io/. - Source: Reddit / about 2 months ago
View more

What are some alternatives?

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

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

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

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

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 Bulma. For example, how are they different and which one is better?

Post a review