2014-09-29 5 views
0

Я создаю окна, где я могу создать нового пользователя, но я не могу заказать внутренние элементы управления.Я не могу заказать элементы управления

Пример кода:

<div class="modal fade" id="ventanaEmergente" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> 
    <div class="modal-dialog"> 
     <div class="modal-content"> 

      <%--Boton close--%> 
      <div class="modal-header"> 
       <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button> 
       <h4>Formulario de clientes</h4> 
      </div> 

      <div class="form-inline" role="form"> 
       <div class="form-group col-xs-6 col-centered"> 
        <label for="inputInsertName" class="control-label">Nombre: </label> 
        <input type="text" class="form-control" id="inputInsertName" placeholder="Ingrese su Nombre"> 
       </div> 
       <div class="form-group col-xs-6 col-centered"> 
        <label for="inputInsertApellido" class="control-label">Apellido: </label> 
        <input type="text" class="form-control" id="inputInsertApellido" placeholder="Ingrese su Apellido"> 
       </div> 
      </div> 

Могу ли я помочь мне с этим?

+1

Что вы имеете в виду 'внутренней controls'? Ваш вопрос непонятен. –

+0

В окно, sry, мне нужно больше тренера с моим английским. –

+0

Что вы подразумеваете под "заказом"? Элементы управления обычно отображаются в том порядке, в котором они объявлены в html. Не можете ли вы просто переместить их в html? –

ответ

0

Я думаю, вы пытаетесь выровнять элементы управления в окне BootStrap Modal. Поместите все свои body элементы управления в пределах <div class="modal-body">. Вот ссылка на рабочий Demo Для получения более подробной информации см. here.

Вот код

<div class="modal-content"> 
     <div class="modal-header"> 
     <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button> 
     <h4 class="modal-title">Formulario de clientes</h4> 
     </div> 
     <div class="modal-body"> 
     <div class="form-group col-xs-6 col-centered"> 
      <label for="inputInsertName" class="control-label">Nombre: </label> 
      <input type="text" class="form-control" id="inputInsertName" placeholder="Ingrese su Nombre"> 
     </div> 
     <div class="form-group col-xs-6 col-centered"> 
      <label for="inputInsertApellido" class="control-label">Apellido: </label> 
      <input type="text" class="form-control" id="inputInsertApellido" placeholder="Ingrese su Apellido"> 
     </div> 
     </div> 
     <div class="modal-footer"> 
     <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> 
     <button type="button" class="btn btn-primary">Save changes</button> 
     </div> 
</div><!-- /.modal-content --> 
+0

Отличный, большое спасибо –

+0

Без проблем, рад, что он работает. –

Смежные вопросы