tamaño poner para logo imagen examples estilos color borde bootstrap ajustar css twitter-bootstrap

css - poner - La altura del campo de texto Twitter Bootstrap es demasiado pequeña



input sin borde bootstrap (5)

Estoy usando bootstrap y encuentro que la altura del campo de texto es demasiado pequeña. Es como menos de 10px. Me pregunto si es pequeño o si cometí algunos errores.

Usé firebug para inspeccionar el área de texto. Dice que la altura es 18px, lo que me parece imposible ... Y lo que obtuve es lo mismo que obtuve de aquí. Área de texto del ejemplo de arranque . Me hace bastante confundido ... lo que tengo es

input, textarea, select, .uneditable-input { border: 1px solid #CCCCCC; border-radius: 3px 3px 3px 3px; color: #555555; display: inline-block; font-size: 13px; height: 18px; line-height: 18px; margin-bottom: 9px; padding: 4px; }

La altura dice que es 18px, pero no es ... ¿Alguien puede ayudar?



No sé por qué si abro una nueva página limpia en HTML5, funciona, pero después de agregar un código no sé por qué sucede. Así que simplemente abro el archivo bootstrap.min.css y busco: type="text" y allí está la propiedad height y la cambio a min-height porque tiene que estar funcionando.


Sí, la height total es de 28px porque el relleno y el borde también agregan height a esa input esta manera:

height 18px + 4px padding-top + 4px padding-bottom + 1px border-top + 1px border-bottom = Total 28px height


Vea mi solución aquí en un hilo similar .

Básicamente, la codificación del archivo de texto estaba causando todos mis problemas. Se manifestó en diferencias tan pequeñas en todos los buscadores que perdí horas jugando con CSS pensando que esa era la causa.


En caso de que la respuesta principal no ayudara

Ya tenía <!DOCTYPE html> y no era el problema para mí. No sé cuál es el problema, pero lo arreglé con esto en mi CSS:

input[type=text], input[type=password], input[type=email], input[type=tel] { height: 28px !important; }

Es una solución y no estoy seguro de si tiene algunos efectos secundarios.