Mobile Angular UI
Mobile Angular UI is a mobile UI framework just like Sencha Touch or jQuery Mobile. If you know Angular JS and Twitter Bootstrap you already know it!
AngularJS is one of the many buzz frameworks in mobile and web development. We’ll create an app using Mobile Angular UI, a framework to develop HTML 5 mobile apps that combines AngularJS with Bootstrap.
Mobile Angular UI provides essential mobile components that are missing in Bootstrap 3: switches, overlays, sidebars, scrollable areas, absolute positioned top and bottom navbars that don't bounce on scroll.
It relies on robust libraries like fastclick.js and overthrow.js to achieve the better mobile experience.
Overview Figure for Mobile Angular
See The Link Demo for Mobile Angular UI
Some differences to compare with Bootstrap 3
-Although Mobile Angular UI aims to retain most of Bootstrap CSS style, some minor changes are employed to achieve a more mobile-friendly look and feel for default components.
-It adds new components like sidebars, absolute-positioned navbars, switches, overlays, scrollables ..
-It does not rely on jQuery or bootstrap.js at all (all of the interactions is reproduced without coding through core module directives)
-It uses font-awesome in place of glyphicons
-Responsive css rules for components
*-lg are moved out of the default bundle
-Responsive grid is divided in two parts:
.col-sm-* classes are included in
.col-lg-* classes are included in
-Breadcrumbs and pagination are just not the best way to navigate a mobile app so their are only included in desktop.css.
.container is always fluid.
For more reference visit official site - http://mobileangularui.com/