ブートストラップグリフコンの間隔を減らす方法

Question

私はお互いにすぐ隣にいたいグリフィンを2つ持っていますが、それらの間にいくらかのスペースがあり、それを取り除くことはできません。ここで

は、それがどのように見えるかです：

<div class="form-group" id="authForm"> 
     <span class="glyphicon glyphicon-trash" aria-hidden="true"></span> 
     <label id="authLabel" for="trash" style="visibility: hidden;">Trash</label> 
    </div> <!-- end form-group --> 
    <div class="form-group" id="authForm"> 
     <span class="glyphicon glyphicon-trash" aria-hidden="true"></span> 
     <label id="authLabel" for="trash" style="visibility: hidden;">Trash</label> 
    </div> <!-- end form-group --> 

CSS：

.glyphicon { 
    font-size: 25px; 
    vertical-align: middle; 
} 
#authForm { 
    display:inline-block; 
    width:150px; 
} 

Answer 1

減少または#authFormから幅を削除

は、ここに私のコードです。

.glyphicon { 
 
    font-size: 25px; 
 
    vertical-align: middle; 
 
} 
 
#authForm { 
 
    display:inline-block; 
 
    width:30px; 
 
}

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/> 
 
<div class="form-group" id="authForm"> 
 
     <span class="glyphicon glyphicon-trash" aria-hidden="true"></span> 
 
     <label id="authLabel" for="trash" style="visibility: hidden;">Trash</label> 
 
    </div> <!-- end form-group --> 
 
    <div class="form-group" id="authForm"> 
 
     <span class="glyphicon glyphicon-trash" aria-hidden="true"></span> 
 
     <label id="authLabel" for="trash" style="visibility: hidden;">Trash</label> 
 
    </div> <!-- end form-group -->

Answer 2

単にフォームグループは、HTMLフォーム要素に要求される、スパンを使用してください。

<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet"> 

<span class="glyphicon glyphicon-trash" aria-hidden="true"></span> 
<span class="glyphicon glyphicon-trash" aria-hidden="true"></span>