javascript - 在 Bootstrap 上创建一个滑动行

标签 javascript jquery html css twitter-bootstrap

首先这是我的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/

相关文章:

javascript - Promise.all() 是执行一个函数数组还是当你将它们放入数组时执行?

javascript - 复杂的 Div/Canvas 放置

jquery - 如何在 jBoss 中启用 CORS

html - 底部有三 Angular 形点的 div 周围的边框

html - CSS z-index 在相对 div 内的绝对 div 中不起作用

javascript - 如何在单击按钮时显示引导折叠 div?

javascript - 为什么在成功升级 jQuery 后需要 jquery-migrate-1.4.1.js?

jQuery - 用户键入或粘贴时更改文本

JavaScript/HTML5/angularjs 更改 html 标签 var 的值

javascript - 如何监听 'after'事件?