Saltar al contenido

aumentar el tamaño del cuadro de texto bootstrap (ASP.NET MVC)

Esta es el arreglo más correcta que te podemos aportar, sin embargo estúdiala pausadamente y analiza si se adapta a tu trabajo.

Solución:

Todas las respuestas fueron útiles.

Mi solución fue cambiar el ancho máximo predeterminado en mi css porque estaba restringiendo el tamaño

input, select, textarea 
    max-width: 500px;

Luego, cambiar la clase col-md-* funcionó bien.

Gracias

Una forma alternativa de hacer esto es simplemente cambiar la clase col-md-x en el div que ajusta su cuadro de texto y mensaje de validación al ancho deseado.

Por ejemplo, cambia esto:

@Html.TextBoxFor(model => model.Name, new @class = "form-control" ) @Html.ValidationMessageFor(model => model.Name)

a esto:

@Html.TextBoxFor(model => model.Name, new @class = "form-control" ) @Html.ValidationMessageFor(model => model.Name)

Y ahora su cuadro de texto tendrá un ancho de 5 columnas en lugar de 10. Esto no requiere clases adicionales y una ventaja adicional es que si tiene un mensaje de validación más largo, se ajustará en el mismo espacio que su cuadro de texto.

Agregaría una clase a tu cuadro de texto:

 @Html.TextBoxFor(model => model.Name, new  @class = "form-control long-textbox" )

Luego dale estilo en tu CSS:

.long-textbox
    width:300px;

Puedes usar el tamaño attributepero siento que esto es más una cuestión de estilo y debería administrarse en CSS.

Si haces scroll puedes encontrar las crónicas de otros creadores, tú asimismo tienes la opción de dejar el tuyo si lo crees conveniente.

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *