Bootstrap水平表单元素具有-15px的余量

时间:2016-05-17 13:46:29

标签: html css twitter-bootstrap-3

我有一个带引导程序的站点。如果您看到我的jsFiddle示例,您会看到红色边框div的左右边距为TabItem = 2。这是因为我认为content = 2-15px。但所有其他元素都取而代之。为什么?

CSS

form-group

如果我删除了row,则结果会相同,因为.tokenizer { border: 1px solid #f00; border-radius: 4px; width: 100%; padding: 5px; min-height: 100px; color: #555 } 也有此.tokenizer

2 个答案:

答案 0 :(得分:1)

只需删除form-group课程即可,它就可以了。你不需要在没有标签的情况下在这样的文本区域周围使用它。

答案 1 :(得分:0)

嗯,关于可见度的宽度不是关于你给隐藏可见性的div的边界。如果您的div的可见性设置为" none"则反对。然后它不会成为问题。

即。

display:none;

但引导类"隐藏"正在给它

display:hidden;

由于隐藏元素存在,它们占据的空间只是没有显示给你,而visibility none选项则完全从页面中删除元素。 https://jsfiddle.net/6xrwvnch/1/