부트 스트랩 드롭 다운 요소가 가운데 맞춤이 안됨

Question

네 개의 버튼이있는 버튼 그룹이 있으며 세 번째 버튼에는 드롭 다운 메뉴가 있지만 중심에 정렬 할 수는 없습니다. 버튼은 중앙에 위치하지만 드롭 다운 메뉴는 왼쪽으로 정렬됩니다. 나는 모든 종류의 CSS를 시도했지만 아무 것도 효과가 없었다. 어쩌면 누군가가 도울 수 있습니다. :)

HTML :

.btn-group { 
margin: 0 auto; 
text-align: center; 
font-size:0 !important; 
} 
.btn-group a { 
display:inline-block; 
} 

내가 드롭 다운 메뉴에 대해 동일한 방법을 사용하여 시도,하지만 운 : 여기

<div class="btn-group"> 
    <a href="#" class="btn btn-info btn-large active">Home</a> 
    <a href="#" class="btn btn-info btn-large">Link</a> 
    <a href="#" class="btn btn-info btn-large dropdown-toggle" data-toggle="dropdown"> <span class="caret"></span></a> 
<ul class="dropdown-menu"> 
    <li><a href="#">Linkk1</a></li> 
    <li><a href="#">Linkk2</a></li> 
    <li><a href="#">Linkk3</a></li> 
</ul> 
<a href="#" class="btn btn-info btn-large">Link</a> 
</div> 

내가 버튼 그룹 센터를 정렬하는 방법입니다. 도와주세요.

Answer 1

가운데 단추가있는 btn-toolbar 컨테이너에서 단추 그룹을 배치하여보십시오.

<div class="btn-toolbar"> 
    <div class="btn-group"> 
    ... 
    </div> 
</div> 

.btn-toolbar { 
    text-align:center; 
} 

작업 예 : http://jsfiddle.net/r26Zz/