Manquant quelque chose d'évident et CSS n'est pas rendu correctement

Question

Pour une raison quelconque, j'ai essayé de faire un simple HTML en utilisant Twitter's Bootstrap mais quelque chose est cassé de mon côté et je suis incapable de comprendre ce qui ne va pas. J'ai mis en place une page jsFiddle est here et ai joint une capture d'écran aussi bien. Les problèmes sont les suivants:

• styles de boîte de texte ne sont pas, comme indiqué sur la page Bootstrap
• Les étiquettes et les zones de texte ne reçoivent pas alignés (étiquettes à gauche, zone de texte à droite)
• Il n'y a pas l'espacement entre les champs
• La liste déroulante ne fonctionne pas.
• La zone de recherche est foiré

Je ne semble pas comprendre ce top pas que je suis absent. Il est assez tard et je pourrais utiliser d'autres yeux. Quelqu'un peut-il me dire s'il me manque quelque chose d'évident? Les boutons obtiennent du style, donc je ne suis pas vraiment sûr de ce qui se passe.

Answer 1

Vous pouvez y parvenir avec un peu de CSS.

Flottant l'entrée et l'étiquette vers la gauche, puis en ajoutant un peu de marge.

label,input 
{ 
    float:left; 
    margin-bottom:5px; 
} 
label{ 
    clear:left; 
    width:50px; 
} 

Démo: http://jsfiddle.net/Lrczj/1/

Notez également que cette partie est HTML invalide:

<input id="enableTooltip" type="checkbox">Enable tooltip </input> 

Vous avez juste besoin de faire le texte dans une étiquette comme vous avez avec les autres champs de texte. L'entrée n'a pas de balise de fermeture en HTML.

MISE À JOUR

Après un examen plus attentif à votre HTML il semble que vous avez oublié de mettre vos champs de formulaire dans un formulaire.

Les entrées doivent toujours entrer dans un <form>[...]</form>.

Voici à nouveau votre code avec les balises de formulaire inclus: http://jsfiddle.net/Lrczj/2/

Answer 2

Votre jsFiddle ne ressemble pas vraiment votre capture d'écran pour moi?
J'ai eu un coup d'œil à votre balisage et trouvé une erreur:

<input id="enableTooltip" type="checkbox">Enable tooltip </input> 

Vous ne pouvez pas mettre du texte dans une entrée comme ça. Vous devez changer pour:

<input id="enableTooltip" type="checkbox" />Enable tooltip 

ou:

<input id="enableTooltip" type="checkbox"><label>Enable tooltip</label>