Semantic-ui vs Bootstrap

Twitter BootstrapUser InterfaceSemantic Ui

Twitter Bootstrap Problem Overview


Which is the best one to use and if possible, please provide the difference(s) and advantages of these two.

Semantic-ui vs Bootstrap I am trying to build my UI and really confused as what to use.

Please suggest me the best one and if possible with examples.

Twitter Bootstrap Solutions


Solution 1 - Twitter Bootstrap

I think that we can't see the differences between Bootstrap and Semantic-UI right now, Semantic-ui is new, so we have to let the time decide :)

My opinion: Semantic-UI design is better than Bootstrap and more clean, easy to use, strict coding, useful components, lightweight. I see the future of Frameworks in Semantic-UI, so I will contribute and hope the best for it, but I will not use it for big projects that depend on a huge feedbacks and supports!

Solution 2 - Twitter Bootstrap

If you don't mind, I add Foundation by Zurb in the topic (the only true valid alternative to Bootstrap at the moment).

I just checked the project/framework SemUI and it's pretty awesome. The idea of building your pages in a strict semantic way is obviously good, moreover the design is stunning in my opinion and there are a lot of components and settings to use and to choose from the set.

Another thing that I noticed is the package, very well organized, every component if you want has its own stylesheet and script-file, therefore you'll be able to load only what you need, even because the package is quite heavy if you include everything in a single page.

For a pre-release I admit that I'm considering to build my next web-app with such framework, but I got some perplexities:

  • is that mobile-first like Bootstrap or Foundation? from what I'm able to see, it doesn't look so;
  • Bootstrap has two valid and well-known contributors and Foundation got Zurb behind, what about SemanticUI? this is a pre-release, are we gonna see other releases?

because of such perplexities I think to avoid to use it for a business/commercial project at the moment, maybe in a very near future, but if you're planning to use it for your own personal web-app (like mine), I think it's a pretty good choice.

Then if you wanna fallback to Bootstrap for any reason, I think it's not that painful (many of Semantic components seem based on Bootstrap).

Solution 3 - Twitter Bootstrap

Semantic UI doesn't really address mobile or responsive views like Bootstrap and Foundation do. It's more like a collection of prepackaged UI elements that work pretty well together with semantic markup that's superior to Bootstrap/Foundation. But the biggest drawback right now is that it's not mobile-centric. So if you want a well styled site, use Semantic-UI.

Attributions

All content for this solution is sourced from the original question on Stackoverflow.

The content on this page is licensed under the Attribution-ShareAlike 4.0 International (CC BY-SA 4.0) license.

Content TypeOriginal AuthorOriginal Content on Stackoverflow
QuestionJava QuestionsView Question on Stackoverflow
Solution 1 - Twitter BootstrapelkebirmedView Answer on Stackoverflow
Solution 2 - Twitter BootstrapAlexianView Answer on Stackoverflow
Solution 3 - Twitter BootstrapkarenkunView Answer on Stackoverflow