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.