3 icons footer

Ionic Framework ionic-v3
1

Hello everybody,

I’m trying to make a 3 icons footer with one on the left side, one center et and one on the right.
Until now I only managed to have all 3 icons centered .

Could you help me with this?

Regards,
Pierre

2

Hi Pierre ,

Can u just give me a few more elaborate explanation about your task.

Regards,
Damian .

3

Hello Damian,

Sure, I attached a picture of what I have at the moment and another with what I would like with the first icon fixed far left, the second centered and the third icon far right.

image

image

Also, my code for the footer is like that for the moment:

 <span class="button-inner">      
    <button ion-button color="facebook" outline icon-only>
    	<ion-icon name="mail"></ion-icon>
	</button>

	<button ion-button color="twitter" outline icon-only>
		<ion-icon name="mail"></ion-icon>
	</button>

	<button ion-button color="dark" outline icon-only>
		<ion-icon name="mail"></ion-icon>
	</button>
</span>

Cheers,
Pierre

4

Hi Damian,

Does the screenshot makes more sense ?

Cheers,
Pierre