twitter bootstrap - mensajes - Bootstrap 3, ¿cómo reducir el relleno del texto en el elemento de entrada?

bootstrap mensajes emergentes

Question

Aplico el estilo Bootstrap 3 a mi formulario de edición. Sin embargo, quiero reducir el relleno del cuadro de entrada y el tamaño de fuente.

Debido a esto, hace que mi forma de edición sea más grande. Traté de cambiar la clase de columna de la grilla (col-sm- , col-md- ), pero no ayudó.

Y también anula el CSS , hace que el cuadro de entrada no muestre el texto.

.form-horizontal .form-group input,
.form-horizontal .form-group select,
.form-horizontal .form-group label {
height: 14px;
line-height: 14px;
}

HTML:

<div class="form-group">
<label for="txtProductName" class="col-sm-2 control-label">Name :</label>
<div class="col-md-3">
<input type="text" id="txtProductName" CssClass="form-control"/>
</div>
</div>

Answer 1

En general, no recomiendo anular la cuadrícula de respuesta en bootstrap ya que esa es la razón principal para usarla.

Para anular el estilo de formulario solo use el siguiente código.

HTML

<div class="form-group">
<label for="txtProductName" class="col-sm-2 control-label">Name :</label>
<div class="col-md-3">
<input type="text" id="txtProductName" Class="form-control form-fixer"/>
</div>
</div>

CSS

input.form-fixer {
padding: 1px;
font-size: 19px;
}
.form-horizontal .form-group input,
.form-horizontal .form-group select,
.form-horizontal .form-group label
{
height: 14px;
line-height: 14px;
}

También tiene un Jsfiddle configurado .... http://jsfiddle.net/ZRosenbauer/4wDKp/