首先这是我的http://fiddle.jshell.net/clearblue/47r2Ltsk/2/
我正在尝试创建一种与此非常相似的效果。基本上唯一的区别是第二层列不应该像现在那样调整大小。我想实现内部列保持固定宽度的效果。
例如,如您所见,当滑动发生时,文本会调整大小并重新换行。它应该保持固定,并在动画完成时以与他相同的宽度出现。
我使用的技术似乎不允许这样做。我开始怀疑是否有可能用这么少的 js 来做到这一点。
最佳答案
我已经更新了你的 fiddle .您需要使第三列 col-xs-12
开始。每个列的大小都是根据它所在的元素定义的。所以要填充 col-xs-3
父元素,元素需要是 col-xs-12
。当它扩展到 col-xs-9
父级时,您希望它是总宽度的 1/3,即 col-xs-4
。所以我为此添加了一个切换。
关于javascript - 在 Bootstrap 上创建一个滑动行,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30401014/