An implementation of css flexbox for AngularJS
bower install angular-flex --save
or
npm install angular-flex --save
after this add the angularFlex module into your module dependencies
angular.module('yourAppModule', ['angularFlex']);
This is the docs for angular-flex 1.0.3
init flex context into element
flex-container="row | column"
By default flex-wrap uses wrap
flex-wrap="wrap | no-wrap"
By default flex-align uses start start
flex-align="start|end|center|between|around start|end|center|between|around|baseline|stretch"
e.g. for center align
flex-align="center center"
change item width
flex-item="{value}"
set elements order
flex-item flex-order="{value}"
set element padding (default: 1em)
fx-padding="{value}"