How can i add in bar-footer two or more block button

how can i add two or more button list in bar-footer please help using of

<div class="bar bar-footer">
	<button class="button button-full button-positive item-icon-left">
		<i class="icon ion-lightbulb"></i>
		Add Location
	</button>
	<button class="button button-full button-positive item-icon-left">
		<i class="icon icon-right"></i>
		Summary
	</button>
</div>

and i also want icons with button on left.

<ion-footer-bar class="bar bar-dark">
	<div class="button-bar">
		<a class="button button-dark icon-left ion-checkmark">Add Location</a>
		<a class="button button-dark icon-left ion-close">Summary</a>
	</div>
</ion-footer-bar>
1 Like
<ion-footer-bar>
		<div class="col col-50">
			<button class="button button-block btn-assertive" ng-click="vm.addToCart()">
				<i></i> Add to cart
			</button>
		</div>
		<div class="col col-50">
			<button class="button button-block" style="font-size:100%">
				<i class="icon ion-ios-star" ng-class="{ 'balanced': false }"></i>
				Add to favorites
			</button>
		</div>
	</ion-footer-bar>

you can try this if you want 5 buttons add class ‘col-20’ to div and giv some style for font.