부트 스트랩 glyphicons 사이의 간격을 줄이는 방법

Question

나는 서로 바로 옆에 있고 싶지만 두 개의 글리프콘 사이에 약간의 공간이 있으며 나는 그걸 제거 할 수 없다. 여기

는 모습입니다 :

<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>