Put icon on the right in a BS Button

Suggestions
1

I just discovered putting the icon on the right hand side of the button text. Thought someone may like .

Put this in the button value

<span class="pull-left">Call Us</span>

I add an &nbsp; to keep the icon off the text
image

1 Like
2

Nice tip - thank you!

3

Thank you for this tip! We have added your tip and some tips for getting the same result in other versions of Bootstrap to the Bootstrap Buttons wiki page.

4

With a BS4 button I use your code to pull the icon right…
image

To align icon with text, use
d-flex flex-row-reverse justify-content-center align-items-center
…in the button class.
image

5

Good one - thank you for posting this!

6

Not sure if this is something you can deal with but I can’t hide a button once it has its class modified like this. BS4 button anyway.