如何修复使用twitter bootstrap构建的布局

时间:2013-05-01 15:11:18

标签: html css twitter-bootstrap

我正在使用twitter bootstrap进行示例表单布局。表单按水平顺序列出字段,并在字段之间列出链接。单击此链接时,我想在字段右侧显示一些项目符号。然而,这些要点与左侧的形式排列不好。

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

问题

  • 如何让右侧的项目符号位于表单所在的灰色框内。这些项目符号用作表单的附加信息,并将它们放在单独的灰色框中看起来很奇怪。
  • 字段OneTwo之间的空间很大,因为我添加了一个链接。如何使空间保持一致?

1 个答案:

答案 0 :(得分:1)

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