Текст центра под кнопкой

Question

Как смонтировать текст под кнопкой внутри столбца внутри строки? Я хочу, чтобы выровнять текст в <small> тега точно в центре под кнопкой:

HTML:

<div class="container"> 
      <div class="row"> 
       <div class="col-md-9 vcenter"> 
        <h2>Talk to us about your <span class="u">next</span> building project. </h2> 
       </div> 
       <div class="col-md-3"> 
        <button class="btn btn-quote">Get A Free Quote</button> 
        <small>We will contact you within 24 hours.</small> 
       </div> 
      </div> 
     </div> 

Current Result

What I want

Answer 1

Является ли кнопка в центре? Если это так, вам нужно только дать Text-align: center вашему <small> div.

Вы можете изобразить его по своему расположению?

Edit: Если даже так, то текст не в центре, вы можете добавить один или оба: display: block и/или width: 100% к <small>

Answer 2

small { 
    display: block; 
    text-align: center; 
} 

Это превращается в блок и он центрирует внутренний текст.

Извините за краткость, я нахожусь на мобильном телефоне.

Answer 3

Вопрос заключается в том, как кнопка, связанные с колонкой Оно в? Сцентрирован? Это полная ширина?

Если ответ да на одном из этого, вы могли бы пойти с:

small { 
    display: block; 
    text-align: center; 
} 

Если нет, то вам нужно обернуть кнопку, и маленький в другой контейнер.

http://codepen.io/Type-Style/pen/dXOyGW