html - Bootstrap 水平表单元素有 -15px 边距

Question

我有一个带有 Bootstrap 的网站。如果你看到我的jsFiddle例如，您会看到红色边框的 div 左右有一个 -15px 边距。这是因为如果 form-group 和 row 我认为。但是所有其他元素都在它们的位置上。这是为什么？

CSS

.tokenizer {
  border: 1px solid #f00;
  border-radius: 4px;
  width: 100%;
  padding: 5px;
  min-height: 100px;
  color: #555
}

如果我删除我的 .tokenizer 结果将是相同的，因为 col-xs-12 也有这个 width: 100%

Answer 1

只要去掉form-group类就可以了。像这样没有标签的文本区域不需要它。