html - 遗漏了一些明显的东西并且 CSS 没有正确呈现

Question

出于某种原因，我尝试使用 Twitter's Bootstrap 制作一个简单的 HTML但是我这边有些东西坏了，我无法弄清楚哪里出了问题。我放了一个jsFiddle页面是here并附上了截图。问题是:

• 文本框样式与 Bootstrap 页面上显示的不一样
• 标签和文本框没有对齐(标签在左边，文本框在右边)
• 字段之间没有间距
• 下拉框不起作用。
• 搜索框乱七八糟

我似乎不太明白我错过了哪一步。现在已经很晚了，我可能会用另一双眼睛。如果我遗漏了一些明显的东西，有人可以告诉我吗？按钮有风格，所以我不太确定发生了什么。

Answer 1

您可以使用一点 CSS 实现这一点。

将输入和标签向左浮动，然后添加一点边距。

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

演示:http://jsfiddle.net/Lrczj/1/

另请注意，这部分是无效的 HTML:

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

您只需像使用其他文本字段一样将文本制作成标签。输入在 HTML 中没有结束标记。

更新

仔细查看您的 HTML 后，您似乎忘记了将表单字段放入表单中。

输入总是需要进入 <form>[...]</form> .

这是您的代码，其中包含表单标签:http://jsfiddle.net/Lrczj/2/