html - 我怎样才能修复这个用 twitter bootstrap 构建的布局

Question

我正在使用 Twitter bootstrap 制作示例表单布局。表单以水平顺序列出字段，在字段之间我有一个链接。单击此链接后，我想在字段右侧显示一些要点。然而，这些要点与左侧的表格并不一致。

示例:http://jsfiddle.net/MgcDU/3643/

问题

• 如何让右侧的元素符号与表单所在的灰色框位于同一灰色框中。这些元素符号作为表单的附加信息，将它们放在单独的灰色框中看起来很奇怪。
• 字段 One 和 Two 之间的空间很大，只是因为我添加了一个链接。如何使空间保持一致？

Answer 1

将右侧的元素符号嵌套在表单框容器元素中，额外的空间将添加到 <p> 中element - 添加一个类来识别它并在 CSS 中减少它。