CODEWITHSUNDEEP
angularjstwitter-bootstrapcordovaionic-framework
Ville Miekk-oja
Ville Miekk-oja

Reputation: 20945

Differences between bootstrap and Ionic

I read this article Where does ionic framework fit in, and am trying to figure out the differences between Ionic and bootstrap. From what I understand, they have very similar goals: They both make it easier to develop web apps, giving many good design patterns and tools for css, js and html.

As far as I understand, Ionic is more towards mobile hybrid native apps, while bootstrap is more towards browser based apps, am I correct? But then again, Ionic by itself cannot convert html to mobile native application, it requires cordova for it. So again, where does Ionic fit in? How it differents from bootstrap? Also, Ionic requires angularJS to get most out of it. You can only use the CSS part of Ionic without AngularJS. So if you don't want angularJS in your project, then one could say, you are better off with bootstrap and cordova? What I have understood is, that the twitter bootstrap is also used a lot in regular websites in a manner of providing good interface to PC browsers as well, so the goal is not just to make it look good on a smartphone or tablet.

Could it be so, that Ionic is better for giving mobile feel in a hybrid application that is native to a mobile? With just cordova and bootstrap, one could not achieve the same, at least as easily? So with bootstrap, you can more easily get a native feel to a browser app, but not as easy to a native hybrid mobile app?

I know this question might be very opinion-based, but please don't close it, I want to understand the differences and best use-cases. In which cases it could be better to use bootstrap, and in which cases Ionic would be better? Would there be any sense using them both, if they could complement each other?

Upvotes: 24

Views: 24997

Answers (6)

Caner
Caner

Reputation: 59198

Bootstrap is cross platform UI components for mobile/web applications.

Ionic is Cordova + Angular + Cross platform UI components + Native plugins.

Upvotes: 3

Jon Peck
Jon Peck

Reputation: 86

Building a web app is a bit more viable in Ionic2 than it was with Ionic1. They've added support for Progressive Web Apps (as well as continued support for native apps), which allows you to host your app on the web but still have a mobile-app feel to it. Check out this walkthrough of creating a PWA in Ionic2.

Of course, you probably want a more desktop-like feel for your web app. You can get close using responsive grid (very similar to Bootstrap's grid), split-pane, and nested navigation components. It isn't quite Bootstrap, but we're near to being able to write-once, run everywhere... I hope!

Upvotes: 1

richa_v
richa_v

Reputation: 129

We cannot compare ionic and bootstrap. Basically because, bootstrap helps in developing a web first application. While, ionic is used to develop a mobile first application. Though we can develop mobile application using bootstrap, ionic applications look and feel more native, and give better performance than bootstrap. If you are looking forward to develop a mobile app with a good native look and feel, go ahead and use ionic.

Upvotes: 0

Sumit Kapadia
Sumit Kapadia

Reputation: 385

Ionic wins on the performance front, where a native app require to behave like native. It means its coordination with angular makes UI transitions smooth as compared to bootstrap. You can easily identify transition/animation lags in case of normal css/jquery.

Upvotes: 0

Sanjay Kumar
Sanjay Kumar

Reputation: 1474

The Ionic Framework has similar goals in that we want to help promote recommended design patterns and document best practices.

Ionic combines AngularJS (JavaScript by the way) with HTML5+CSS and uses Cordova to access native device functions.

So effectively you are right that it is similar to Bootstrap but it they claim that Ionic is built for the devices of today and the future, not for devices built years ago. It’s focused on native app development and not mobile website creation.

Learn more differences here.

Upvotes: 2

Sven 31415
Sven 31415

Reputation: 1835

You can't compare Ionic and bootstrap in such a way.

Ionic is for building mobile apps and has a lot of building tools integrated. It is built upon bootstrap for styling content and cordova for building the actual app. But you can't create normal web apps for production with it.

Bootstrap itself is only a simple framework for styling html elements. Cordova is for wrapping up webpages in a native app context.

Upvotes: 11

Related Questions