alvaro562003 alvaro562003 - 1 year ago 44
CSS Question

How to position the Glypicon on the left of the bootstrap button?

This code position the left-arrow on the right the text. I prefer to position the glyphicon on the left.

<button class="btn primary btn-lg" style="width:100%" >
This way <span class="glyphicon glyphicon-arrow-left" style="align:left"></span>
</button>


Thank for you help

Answer Source

The span is what displays the Glyphicon. Put the span first prior to the text and it will be positioned to the left like so:

<button class="btn primary btn-lg" style="width:100%" >
    <span class="glyphicon glyphicon-arrow-left style="align:left" "></span>
    This way
</button>