alvaro562003 alvaro562003 - 5 months ago 14
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

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>