Bootstrap3 아이콘 div의 중앙에 아이콘을 정렬하는 방법은 무엇입니까?

Question

코드 : 결과에서

<div class="input"> 
<div class="icon glyphicon glyphicon-user">&nbsp;</div> 
<input type="text" name="username" maxlength="20" placeholder="Login"> 
</div> 

은 우리가 가진 :

어떻게 센터 흰색 블록에있을 것입니다 아이콘 내 코드에서 을 제발 말해?

Answer 1

.input .icon {padding: 7px 7px;} 

설정 패딩 만 할 것이다.

Enjoy

Answer 2

다음과 같이 시도해보십시오. 그에 따라 %를 조정하십시오.

.input .icon { 
    display: block; 
    width: 50%; 
    margin: auto; 
} 

또 다른 옵션은 당신이 필요

.input { text-align: center; } 

.icon { display: inline-block; padding-top: 10px; }