在bootstrap中从.hidden中删除！重要标志是否安全？

Question

我正在使用Elgg中的引导主题，我遇到的一个问题是它们都使用.hidden CSS类。 Bootstrap相当霸道设置display和visibility为无/隐藏!important标志，其中Elgg .hidden用于初始隐藏元素然后切换其jQuery $.show()的可见性。显然，这会导致bootstrap规则出现问题。 bootstrap使用.hidden的原因是什么，如果没有所有偏执的东西，将规则设置为display: none是否安全？

Answer 1

我不建议修改Bootstrap CSS。

或者，您可以使用.toggleClass(".hidden")，而不是使用.show()函数切换元素的显示。

Answer 2

您可以覆盖$.toggle以切换hidden类，如下所示：

$.fn.toggle = function (state) {
  state = state || !this.is(':visible');
  return this.toggleClass('hidden', state).toggle(state);
};