컨트롤을 주문할 수 없습니다.

Question

나는 새 사용자를 만들 수있는 창을 만들지 만 내부 컨트롤을 주문할 수 없습니다.

코드 예제 :

<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> 

내가 나를이 함께 도와 드릴까요?

Answer 1

BootStrap 모달 창에서 컨트롤을 정렬하려고합니다. 모든 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 -->