Skip to main content

Tengo un form con este label y imput para añadir el valor

<div class="form-group">
    <label for="nombre">Nombre:</label>
    <input class="form-control" id="nombre" name="nombre" type="text" placeholder="Nombre"></input>
</div>

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">

<div class="form-group">
        <label for="nombre">Nombre:</label>
        <input class="form-control" id="nombre" name="nombre" type="text" placeholder="Nombre"></input>
    </div>

Que genera esto:introducir la descripción de la imagen aquí

Quiero recorta el input, que no sea tan largo. Según el manual de bootstrap, tengo que añadir un div con las columnas que quiero que ocupe, de esta forma:

<div class="form-group">
      <label for="nombre">Nombre:</label>
      <div class="col-sm-4">
      <input class="form-control" id="nombre" name="nombre" type="text" placeholder="Nombre"></input>
      </div>
 </div>

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
    <div class="form-group">
          <label for="nombre">Nombre:</label>
          <div class="col-sm-4">
          <input class="form-control" id="nombre" name="nombre" type="text" placeholder="Nombre"></input>
          </div>
     </div>

Pero se desarma todo introducir la descripción de la imagen aquí

¿Como se haría y cuál es el problema?

Edit: Según lo que tengo descargado, la versión de bootstap es: Bootstrap v3.3.6

Muchas gracias.

Tengo un form con este label y imput para añadir el valor

<div class="form-group">
    <label for="nombre">Nombre:</label>
    <input class="form-control" id="nombre" name="nombre" type="text" placeholder="Nombre"></input>
</div>

Que genera esto:introducir la descripción de la imagen aquí

Quiero recorta el input, que no sea tan largo. Según el manual de bootstrap, tengo que añadir un div con las columnas que quiero que ocupe, de esta forma:

<div class="form-group">
      <label for="nombre">Nombre:</label>
      <div class="col-sm-4">
      <input class="form-control" id="nombre" name="nombre" type="text" placeholder="Nombre"></input>
      </div>
 </div>

Pero se desarma todo introducir la descripción de la imagen aquí

¿Como se haría y cuál es el problema?

Edit: Según lo que tengo descargado, la versión de bootstap es: Bootstrap v3.3.6

Muchas gracias.

Tengo un form con este label y imput para añadir el valor

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">

<div class="form-group">
        <label for="nombre">Nombre:</label>
        <input class="form-control" id="nombre" name="nombre" type="text" placeholder="Nombre"></input>
    </div>

Que genera esto:introducir la descripción de la imagen aquí

Quiero recorta el input, que no sea tan largo. Según el manual de bootstrap, tengo que añadir un div con las columnas que quiero que ocupe, de esta forma:

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
    <div class="form-group">
          <label for="nombre">Nombre:</label>
          <div class="col-sm-4">
          <input class="form-control" id="nombre" name="nombre" type="text" placeholder="Nombre"></input>
          </div>
     </div>

Pero se desarma todo introducir la descripción de la imagen aquí

¿Como se haría y cuál es el problema?

Edit: Según lo que tengo descargado, la versión de bootstap es: Bootstrap v3.3.6

Muchas gracias.

se añadieron 82 caracteres en el cuerpo
Origen Enlace
Vidal
  • 339
  • 2
  • 8
  • 22

Tengo un form con este label y imput para añadir el valor

<div class="form-group">
    <label for="nombre">Nombre:</label>
    <input class="form-control" id="nombre" name="nombre" type="text" placeholder="Nombre"></input>
</div>

Que genera esto:introducir la descripción de la imagen aquí

Quiero recorta el input, que no sea tan largo. Según el manual de bootstrap, tengo que añadir un div con las columnas que quiero que ocupe, de esta forma:

<div class="form-group">
      <label for="nombre">Nombre:</label>
      <div class="col-sm-4">
      <input class="form-control" id="nombre" name="nombre" type="text" placeholder="Nombre"></input>
      </div>
 </div>

Pero se desarma todo introducir la descripción de la imagen aquí

¿Como se haría y cuál es el problema?

Edit: Según lo que tengo descargado, la versión de bootstap es: Bootstrap v3.3.6

Muchas gracias.

Tengo un form con este label y imput para añadir el valor

<div class="form-group">
    <label for="nombre">Nombre:</label>
    <input class="form-control" id="nombre" name="nombre" type="text" placeholder="Nombre"></input>
</div>

Que genera esto:introducir la descripción de la imagen aquí

Quiero recorta el input, que no sea tan largo. Según el manual de bootstrap, tengo que añadir un div con las columnas que quiero que ocupe, de esta forma:

<div class="form-group">
      <label for="nombre">Nombre:</label>
      <div class="col-sm-4">
      <input class="form-control" id="nombre" name="nombre" type="text" placeholder="Nombre"></input>
      </div>
 </div>

Pero se desarma todo introducir la descripción de la imagen aquí

¿Como se haría y cuál es el problema?

Muchas gracias.

Tengo un form con este label y imput para añadir el valor

<div class="form-group">
    <label for="nombre">Nombre:</label>
    <input class="form-control" id="nombre" name="nombre" type="text" placeholder="Nombre"></input>
</div>

Que genera esto:introducir la descripción de la imagen aquí

Quiero recorta el input, que no sea tan largo. Según el manual de bootstrap, tengo que añadir un div con las columnas que quiero que ocupe, de esta forma:

<div class="form-group">
      <label for="nombre">Nombre:</label>
      <div class="col-sm-4">
      <input class="form-control" id="nombre" name="nombre" type="text" placeholder="Nombre"></input>
      </div>
 </div>

Pero se desarma todo introducir la descripción de la imagen aquí

¿Como se haría y cuál es el problema?

Edit: Según lo que tengo descargado, la versión de bootstap es: Bootstrap v3.3.6

Muchas gracias.

Origen Enlace
Vidal
  • 339
  • 2
  • 8
  • 22

La mejor manera de recortar un input de bootstrap

Tengo un form con este label y imput para añadir el valor

<div class="form-group">
    <label for="nombre">Nombre:</label>
    <input class="form-control" id="nombre" name="nombre" type="text" placeholder="Nombre"></input>
</div>

Que genera esto:introducir la descripción de la imagen aquí

Quiero recorta el input, que no sea tan largo. Según el manual de bootstrap, tengo que añadir un div con las columnas que quiero que ocupe, de esta forma:

<div class="form-group">
      <label for="nombre">Nombre:</label>
      <div class="col-sm-4">
      <input class="form-control" id="nombre" name="nombre" type="text" placeholder="Nombre"></input>
      </div>
 </div>

Pero se desarma todo introducir la descripción de la imagen aquí

¿Como se haría y cuál es el problema?

Muchas gracias.