Twitter Bootstrap Collapse 插件方向 - 水平而不是垂直

有没有办法从水平方向而不是垂直方向折叠 Bootstrap Collapse 插件？看看代码，这种能力似乎没有内置，但我希望我只是错过了一些东西......

任何帮助将不胜感激。谢谢！

我想出了如何在不修改或添加任何 JavaScript 的情况下非常轻松地做到这一点。

首先，在所有 Twitter Bootstrap CSS 之后定义以下 CSS：

.collapse {
  height: auto;
  width: auto;
}

.collapse.height {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition: height 0.35s ease;
  -moz-transition: height 0.35s ease;
  -o-transition: height 0.35s ease;
  transition: height 0.35s ease;
}

.collapse.width {
  position: relative;
  width: 0;
  overflow: hidden;
  -webkit-transition: width 0.35s ease;
  -moz-transition: width 0.35s ease;
  -o-transition: width 0.35s ease;
  transition: width 0.35s ease;
}

.collapse.in.width {
  width: auto;
}

.collapse.in.height {
  height: auto;
}

接下来，在目标元素上（您在其中定义.collapse类）你需要添加类.width or .height取决于您想要为哪个属性设置动画。

最后，你must包装目标元素的内容并显式定义其宽度（如果对宽度进行动画处理）。如果对高度进行动画处理则不需要这样做。

您可以在这里找到一个工作示例 ->http://jsfiddle.net/ud3323/ZBAHS/ http://jsfiddle.net/ud3323/ZBAHS/