关于bootstrap的hidden属性

今天遇到单页CSS里写了hidden属性，

.hidden{visibility:hidden}

而bootstrap里的hidden属性却为以下：

.hidden {
display: none !important;
visibility: hidden !important;
}

但这里便会出现差异显示。

visibility: hidden意思为不可见，但仍占位，

display: none 为不可见，也不显示，因此用的时候要注意。