가운데 축소판 단추 부트 스트랩

Question

최신 부트 스트랩 버전을 사용하고 있지만 다음 코드 부분에 단추를 중앙에 배치하는 방법을 찾지 못하는 것 같습니다. 나는 단지이 특정 미리보기 이미지를 원하고 전 세계적으로 그렇게하지 않기 때문에 나는 css를 바꿀 수 없다.

<div class="row"> 
    <ul class="thumbnails"> 
    <li class="span4"> 
     <div class="thumbnail"> 
     <img src="http://placehold.it/400x200" alt=""> 
     <h3>Need A Price?</h3> 
     <p>Fill in the Quote form and get a price within 30mins,We know you dont like waiting around</p> 
      <div class="btn-group"> 
      <button class="btn btn-primary">Get A Quote</button> 
      </div> 
     </div> 
    </li> 
</ul> 
</div> 

Answer 1

당신은 하나 개의 버튼을 누른 다음 그 .btn-group 컨테이너를 이용할 수 있으며, 자신의 클래스와 그냥 요소를 대상으로, 당신은 display: block으로 그 영역을 정의 할 수있는 방법을 간단하게 중심을 정렬하는 것이 중심을 찾고 있다면 그래서 같은 버튼 :

CSS

.btn-centered { 
    text-align: center; 
    display: block; 
} 

하는 HTML의 걸릴 노트클래스는 .btn-group 컨테이너에서 사용됩니다.

<div class="row"> 
    <ul class="thumbnails"> 
    <li class="span4"> 
     <div class="thumbnail"> 
     <img src="http://placehold.it/400x200" alt=""> 
     <h3>Need A Price?</h3> 
     <p>Fill in the Quote form and get a price within 30mins,We know you dont like waiting around</p> 
      <div class="btn-group btn-centered"> 
      <button class="btn btn-primary">Get A Quote</button> 
      </div> 
     </div> 
    </li> 
</ul> 
</div> 

데모 :이 나를 위해 작동하는 것 같다 http://jsbin.com/ubiwip/2

Answer 2

:

<p align="center"><a href="#" class="btn btn-primary btn-block">TEST</a></p>