Bootstrap 3 表单 - 如何为表单字段添加底部边框？（把它们隔开）

【问题标题】：Bootstrap 3 forms - How to add bottom border to form fields? (To space them out)Bootstrap 3 表单 - 如何为表单字段添加底部边框？（把它们隔开）
【发布时间】：2014-07-15 00:12:40
【问题描述】：

如何在 bootstrap 3 中为表单添加底部边框？特别是在使用嵌入式红宝石时？我根本想不通花了几个小时，似乎没有任何工作......

【问题讨论】：

标签： html css ruby forms twitter-bootstrap-3

【解决方案1】：

如果我理解正确，这就是您要找的。

form{
    border-bottom: 2px solid #777;
}

[链接] (http://jsfiddle.net/MQP2U/)

如果您还有其他问题，请告诉我。

【讨论】：

【解决方案2】：

使用您想要的边框样式向表单组添加一个类：

Example Bootply

HTML：

<div class="form-group border">...</div>

CSS：

.border{
  border-bottom:1px solid #ddd;
  padding-bottom:20px
  }

【讨论】：