Twitter Bootstrap du champ de texte de la hauteur trop petit?

Question

Twitter Bootstrap du champ de texte de la hauteur trop petit?

Demandé el 10 de Février, 2012: Quand la question a-t-elle été
45549 affichage: Nombre de visites la question a
5 Réponses: Nombre de réponses aux questions
Résolu: Situation réelle de la question

Je suis en utilisant bootstrap et je trouve la hauteur du champ de texte est trop petit.C'est comme moins de 10px.Je me demande si elle est petite ou j'ai fait quelques erreurs.

J'ai utilisé firebug pour inspecter la zone de texte.Il dit que la hauteur est 18px,ce qui semble impossible pour moi...Et ce que j'ai obtenu est le même que j'ai obtenu à partir d'ici.Zone de texte de bootstrap exemple.Ça me rend un peu perplexe... ce que j'ai obtenu est

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 dit que c'est 18px, mais ce n'est pas... Quelqu'un peut-il aider?!

Demandé el 10 de Février, 2012 par Gnijuohz

Answer 1

5 Réponses

Answer 2

167voto

dallen Points 2393

L'ajout d' <!DOCTYPE HTML> devrait résoudre ce problème. La même question a été posée ici: saisie de texte d'un problème de rendu avec twitter bootstrap.css

Répondu el 26 de Février, 2012 par dallen (2393 Points )

Answer 3

7voto

Jeewes Points 306

J'ai eu <!DOCTYPE html> déjà et ce n'était pas le problème. Je ne sais pas quel est le problème, mais Je l'ai réparé avec cette 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 suis pas sûr si elle a quelques inconvénients.

Répondu el 11 de Juillet, 2012 par Jeewes (306 Points )

Answer 4

3voto

Tamir Points 31

Je ne sais pas pourquoi si j'ouvre un propre nouvelle page HTML5, il fonctionne, mais après j'ai ajouter un peu de code je ne sais pas pourquoi cela arrive. Je viens donc d'ouvrir le fichier de bootstrap.min.fichier css et de recherche:type="text" et il y a là, de la hauteur de la propriété et je l'ai changer pour un min-height pour elle à travailler.

Répondu el 16 de Novembre, 2012 par Tamir (31 Points )

Answer 5

2voto

sandeep Points 43178

Oui, le total des height est 28px parce que les padding et border également ajouter height que input comme ceci:

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

Répondu el 10 de Février, 2012 par sandeep (43178 Points )

Answer 6

2voto

user1481102 Points 71

Voir ma solution ici dans un fil similaire.

Fondamentalement, le texte d'encodage de fichier a été la cause de tous mes ennuis. Il se manifeste dans des minutes de différences entre les navigateurs que j'ai perdu des heures à bricoler avec les CSS de la pensée qui en est la cause.

Répondu el 26 de Juin, 2012 par user1481102 (71 Points )

Twitter Bootstrap du champ de texte de la hauteur trop petit?

Réponses

Questions en vedette

Top Tags

Prograide.com

Powered by:

Twitter Bootstrap du champ de texte de la hauteur trop petit?

Réponses

Questions connexes

Questions en vedette

Top Tags

Dans notre réseau

Prograide.com

Powered by: