Twitter bootstrap Twitter引导-可水平滚动的小部件/面板列表

Twitter bootstrap Twitter引导-可水平滚动的小部件/面板列表,twitter-bootstrap,panel,widget,horizontal-scrolling,Twitter Bootstrap,Panel,Widget,Horizontal Scrolling,实现以下目标的理想方式是什么: 小部件/面板的列表。我正在寻找类似于中的小部件 我注视着你。一个可能的解决方案是使用css 从heft.me网站,但我想知道是否有 twitter的引导方式是这样做的,还是有任何扩展 有空吗 一旦我实现了渲染小部件,我将添加小部件 动态地。我希望这些小部件是水平的 可滚动。一个可能的解决方案是我应该调整 推特引导附带的旋转木马插件,但我还是会 想知道有没有更好的办法 是否建议保留水平滚动列表 适用于手机等小型设备的widget或 在移动设备上以不同方式渲染它们,可

实现以下目标的理想方式是什么:

  • 小部件/面板的列表。我正在寻找类似于中的小部件 我注视着你。一个可能的解决方案是使用css 从heft.me网站,但我想知道是否有 twitter的引导方式是这样做的,还是有任何扩展 有空吗

  • 一旦我实现了渲染小部件,我将添加小部件 动态地。我希望这些小部件是水平的 可滚动。一个可能的解决方案是我应该调整 推特引导附带的旋转木马插件,但我还是会 想知道有没有更好的办法

  • 是否建议保留水平滚动列表 适用于手机等小型设备的widget或 在移动设备上以不同方式渲染它们,可能是手风琴面板 或者类似的东西

    顺便说一句,我使用的是twitter bootstrap 2.0.4

  • 基于此,

    以下是一个有效的解决方案:

    
    
    div.myClass{
    溢出x:隐藏;
    空白:nowrap;
    }
    div.myClass[类*=“span”]{
    显示:内联块;
    浮动:无;
    }
    
    $('.myClass').dragscrollable();
    

    我不知道插件的可用性,但是如果您想要自己的版本,您应该能够对其进行重新设计。

    对于2和3,您可以在这里获得信息@Sherbrow Thank will lookthem@Sherbrow我查看了链接。我需要水平滚动来响应用户的滑动手势,而不是控制滚动条,我也不希望滚动条被移动visible@Shebrow感谢这段代码,但当我尝试它时,我在chrome错误控制台中得到错误“UncaughtTypeError:Object[Object Object]没有方法'dragscrollable'”。相反,我尝试了jQueryUI draggable,您可以在上查看它,但这里的问题是,它的行为与scroll@Shebrow基本上你的脚本正常工作了我没有正确地获取dragscrollable.js,我是从你的JSFIDLE链接获得的,。。谢谢,现在可以用了@Shebrow——dragscrollable似乎对android手机上的用户滑动手势没有反应@这是可以理解的,因为“滑动手势”必须与手机上的滚动相对应。尝试
    overflow-x:auto
    甚至停用插件。否则我就不知道了。@Shebrow我们是否可以使用jquery ui可拖动插件来达到同样的效果?如果是的话,我还可以尝试使用插件,将滑动手势转换为鼠标动作,希望我能实现一些适合桌面和移动浏览器的功能