La hauteur du champ de texte Twitter Bootstrap est trop petite?

J’utilise bootstrap et je trouve que la hauteur du champ de texte est trop petite. C’est comme si c’était moins de 10px. Je me demande si c’est petit ou si j’ai fait des erreurs.

J’ai utilisé Firebug pour inspecter la zone de texte. Il dit que la hauteur est de 18px, ce qui semble impossible pour moi … Zone de texte de l’exemple bootstrap . Cela me rend plutôt confus … ce que j’ai

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 hauteur est de 18px, mais ce n’est pas … Quelqu’un peut-il aider?!

L’ajout de < !DOCTYPE HTML> devrait résoudre ce problème. La même question a été posée ici: Problème de rendu de la saisie de texte avec Twitter Bootstrap

Incase la réponse supérieure n’a pas aidé

J’avais déjà < !DOCTYPE html> et ce n’était pas le problème pour moi. Je ne sais pas quel est le problème, mais je l’ai corrigé avec ceci dans mon css:

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

C’est une solution de contournement et je ne sais pas si cela a des effets secondaires.

Je ne sais pas pourquoi si j’ouvre une nouvelle page HTML5 propre, cela fonctionne, mais après avoir ajouté du code, je ne sais pas pourquoi cela se produit. Donc, j’ouvre simplement le fichier bootstrap.min.css et recherche: type="text" et là il y a la propriété height et je la change en min-height car elle doit fonctionner.

Oui, la height totale est de 28px car le remplissage et la bordure ajoutent également de la height à cette input comme ceci:

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

Voir ma solution ici dans un fil similaire .

Fondamentalement, le codage de fichier texte causait tous mes problèmes. Cela se traduisait par de si petites différences entre les navigateurs que je perdais des heures à bidouiller avec la pensée CSS qui en était la cause.