我无法订购控件

时间:2022-01-27 01:13:28

i make a windows where i can create a new user, but i cant order the internal controls.

我做了一个窗口,我可以创建一个新用户,但我无法订购内部控件。

Code example:

代码示例:

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

Can i help me with this?

我可以帮帮我吗?

1 个解决方案

#1


0  

I think you're trying to align the controls within your BootStrap Modal window. Place all your body controls within <div class="modal-body">. Here is the link to the working Demo Refer here for more details.

我想你正试图在BootStrap Modal窗口中对齐控件。将所有身体控制放在

中。以下是工作演示的链接。有关详细信息,请参阅此处。

Here is the code

这是代码

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

#1


0  

I think you're trying to align the controls within your BootStrap Modal window. Place all your body controls within <div class="modal-body">. Here is the link to the working Demo Refer here for more details.

我想你正试图在BootStrap Modal窗口中对齐控件。将所有身体控制放在

中。以下是工作演示的链接。有关详细信息,请参阅此处。

Here is the code

这是代码

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