ブートストラップボタンの左側にGlypiconを配置するにはどうすればよいですか？

Question

このコードは、テキストの右側に左矢印を配置します。グリフコンを左に配置する方が好きです。あなたは助けるために

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

感謝は

Answer 1

spanはGlyphiconを表示するものです。 span最初の前にテキストを入れて、それが左それほどのように配置されます：すべての

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

Answer 2

まず、width:100%は、ブートストラップで無用です。 col-lg-12、col-md-12、col-sd-12、col-xs-12のいずれかを使用して100％の幅を要素に設定する必要があります。

第二に、左のアイコンを置くために、あなたはこのようなボタンで最初のspanタグを配置する必要があります：

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

Answer 3

私はCSSで整列という名前のプロパティが存在しないと思います。インライン要素にはtext-alignを使用してください。または要素の場合はfloat、親/ clearfixハックの場合はoverflow:hidden、justify-content: flext-startの場合はdisplay:flexです。

Answer 4

テキストの前にspanを置くだけです。 "align"プロパティは不要です（と指摘されているように、何かではありません:)）。

<button type="button" class="btn btn-default btn-lg"> 
    <span class="glyphicon glyphicon-arrow-left" aria-hidden="true"></span> This Way 
</button> 

JSFiddle：https://jsfiddle.net/v49kj8sw/

ドキュメント：http://getbootstrap.com/components/#glyphicons-examples