Как центрировать вход в модале Bootstrap 3?

В настоящее время я переключаюсь на Bootstrap 3 с начальной загрузки 2. Как вы центрируете поле ввода в Bootstrap 3? Текст центрируется правильно. Раньше работал на BS2. Я попытался переместить 'style =' text-align: center 'в div, но все еще не повезло.

JSfiddle

Обновленная скрипка с ответом

    <div id="Email_Alert_Modal" class="modal show" tabindex="-1" role="dialog" data-keyboard="false" data-backdrop="static">
    <div class="modal-dialog">
        <div class="modal-content">

            <div class="modal-header" style="text-align: center">
               <h3>Email Alert</h3>
            </div>

            <div class="modal-body"  style="text-align: center">
                    <h4>Please enter email address that the alert will be sent to.</h4>
                    <label  for="send_email"> </label> <input style="width:200px" type="email"  class="form-control" name="email" id="send_email" placeholder="[email protected]"  title="Input Email Address">
            </div>

            <div class="modal-footer">
              <button class="btn btn btn-primary" onclick='Email_Alert()' >Send</button>
              <button class="btn btn btn" data-dismiss="modal" >Cancel</button>
            </div>
        </div>
    </div>
</div>

Ответы на вопрос(0)

Ваш ответ на вопрос