jQuery UI可排序和引导3流体网格闪烁和中断

jQuery UI可排序和引导3流体网格闪烁和中断,jquery,html,css,jquery-ui,twitter-bootstrap-3,Jquery,Html,Css,Jquery Ui,Twitter Bootstrap 3,我有一个基于bootstrap3的基本3x3网格布局。我需要它是流体,因此我省略了“container”类。我需要使用jQueryUISortable功能对行中的列进行排序 一切正常,但每行的最后一列在拖动时的表现都很好。单击最后一列中的任意一列时,设计将中断 我尝试过将占位符边距设置为0的解决方案,但似乎无法使其正常工作 任何帮助都将不胜感激!谢谢 标题 Lorem ipsum dolor sit amet,是一位杰出的献身者。两个品种的葡萄都是由一个品种的葡萄酿成的。 奎斯克·莫里斯·奥

我有一个基于bootstrap3的基本3x3网格布局。我需要它是流体,因此我省略了“container”类。我需要使用jQueryUISortable功能对行中的列进行排序

一切正常,但每行的最后一列在拖动时的表现都很好。单击最后一列中的任意一列时,设计将中断

我尝试过将占位符边距设置为0的解决方案,但似乎无法使其正常工作

任何帮助都将不胜感激!谢谢


标题
Lorem ipsum dolor sit amet,是一位杰出的献身者。两个品种的葡萄都是由一个品种的葡萄酿成的。
奎斯克·莫里斯·奥古斯(Quisque mauris augue)、莫莱斯蒂·汀西登(molestie tincidunt)和维塔(vitae)调味品、自由孕妇。埃尼安·西特·菲利斯
多洛,在尼西射手座

标题 Lorem ipsum dolor sit amet,是一位杰出的献身者。两个品种的葡萄都是由一个品种的葡萄酿成的。 奎斯克·莫里斯·奥古斯(Quisque mauris augue)、莫莱斯蒂·汀西登(molestie tincidunt)和维塔(vitae)调味品、自由孕妇。埃尼安·西特·菲利斯 多洛,在尼西射手座

标题 Lorem ipsum dolor sit amet,是一位杰出的献身者。两个品种的葡萄都是由一个品种的葡萄酿成的。 奎斯克·莫里斯·奥古斯(Quisque mauris augue)、莫莱斯蒂·汀西登(molestie tincidunt)和维塔(vitae)调味品、自由孕妇。埃尼安·西特·菲利斯 多洛,在尼西射手座

标题 Lorem ipsum dolor sit amet,是一位杰出的献身者。两个品种的葡萄都是由一个品种的葡萄酿成的。 奎斯克·莫里斯·奥古斯(Quisque mauris augue)、莫莱斯蒂·汀西登(molestie tincidunt)和维塔(vitae)调味品、自由孕妇。埃尼安·西特·菲利斯 多洛,在尼西射手座

标题 Lorem ipsum dolor sit amet,是一位杰出的献身者。两个品种的葡萄都是由一个品种的葡萄酿成的。 奎斯克·莫里斯·奥古斯(Quisque mauris augue)、莫莱斯蒂·汀西登(molestie tincidunt)和维塔(vitae)调味品、自由孕妇。埃尼安·西特·菲利斯 多洛,在尼西射手座

标题 Lorem ipsum dolor sit amet,是一位杰出的献身者。两个品种的葡萄都是由一个品种的葡萄酿成的。 奎斯克·莫里斯·奥古斯(Quisque mauris augue)、莫莱斯蒂·汀西登(molestie tincidunt)和维塔(vitae)调味品、自由孕妇。埃尼安·西特·菲利斯 多洛,在尼西射手座

标题 Lorem ipsum dolor sit amet,是一位杰出的献身者。两个品种的葡萄都是由一个品种的葡萄酿成的。 奎斯克·莫里斯·奥古斯(Quisque mauris augue)、莫莱斯蒂·汀西登(molestie tincidunt)和维塔(vitae)调味品、自由孕妇。埃尼安·西特·菲利斯 多洛,在尼西射手座

标题 Lorem ipsum dolor sit amet,是一位杰出的献身者。两个品种的葡萄都是由一个品种的葡萄酿成的。 奎斯克·莫里斯·奥古斯(Quisque mauris augue)、莫莱斯蒂·汀西登(molestie tincidunt)和维塔(vitae)调味品、自由孕妇。埃尼安·西特·菲利斯 多洛,在尼西射手座

标题 Lorem ipsum dolor sit amet,是一位杰出的献身者。两个品种的葡萄都是由一个品种的葡萄酿成的。 奎斯克·莫里斯·奥古斯(Quisque mauris augue)、莫莱斯蒂·汀西登(molestie tincidunt)和维塔(vitae)调味品、自由孕妇。埃尼安·西特·菲利斯 多洛,在尼西射手座

$('.row')。可排序({ 连接方式:'.row', 占位符:“占位符” }); .placeholder{左边距:0!重要;边框:1px实心#ccc}
尝试使用以下设置初始化可排序小部件:

$('.row').sortable({
    helper: 'clone',
    placeholder: 'col-xs-4'
});

在我的chrome(linux)上,它可以正常工作,没有任何故障。。。。您正在尝试什么操作系统/浏览器?来自Twitter Bootstrap 3文档:“Bootstrap不正式支持Prototype或jQuery UI等第三方JavaScript库。尽管存在.noConflict和命名空间事件,但可能存在兼容性问题,您需要自行解决。”请参阅
$('.row').sortable({
    helper: 'clone',
    placeholder: 'col-xs-4'
});