带有Bootstrap布局的jQuery UI Draggable

jQuery可拖动元素属于bootstrap样式列（col- *）。 例如，我有两个.row每个分为4列（使用col-md-3 ）。 我试图让第一行列可拖动到第二行可放置列。

但是当我拖动’Drag＃’元素时，它们总是在’droppable’元素下面。 我无法使用Bootstrap样式。

有人可以解释为什么会发生这种情况并提供解决方案吗？

Bootply Exmple： http ： //www.bootply.com/THBX5GJnCn

Answer 1

似乎类.ui-draggable-dragging具有比其他更低的`z-index’属性

像这里添加……

.ui-draggable-dragging { z-index: 10000!important }

这是jsfiddle的工作原理： http ： //www.bootply.com/P0Okde8ZmV

上面的代码将解决问题。 当然，我的10000价值和重要信息只是为了向您展示解决方案。 它不是那么漂亮！每次重要，你无法得到案例的线索:)