グリフコンをボタンの中央に揃えます。

Question

ボタンの幅を縮小し、グリフコンを中央に揃えたいと思います。ここで

は私のコードです：それは行うことができますどのようにhttp://www.bootply.com/HYU6Nff6bk#

：ここ

<div class="btn-group btn-toggle"> 
<button class="btn btn-primary btn-sm" type="button" style="width:20px"> 
<span class="glyphicon glyphicon glyphicon-sort-by-alphabet"></span> 
</button> 
<button class="btn btn-default btn-sm" type="button"> 
<span class="glyphicon glyphicon glyphicon-sort-by-alphabet-alt"></span> 
</button> 
</div> 

はbootplyリンクですか？

Answer 1

ボタンはまだ使用していますパディング - 左：10px;およびパディング右：10ピクセル;

幅が20pxのボタンを使用する場合は、左パディングと右パディングをゼロに減らします。

<div class="btn-group btn-toggle"> 
<button class="btn btn-primary btn-sm" type="button" style="width:20px; padding-left: 0px; padding-right: 0px;"> 
<span class="glyphicon glyphicon glyphicon-sort-by-alphabet"></span> 
</button> 
<button class="btn btn-default btn-sm" type="button"> 
<span class="glyphicon glyphicon glyphicon-sort-by-alphabet-alt" aria-hidden="true"></span> 
</button> 
</div>