jquery - 在 Bootstrap 3 中对齐与可排序句柄相邻的元素

Question

我有一个可排序的元素列表(每个元素都有一个可拖动的 handle )，我正在尝试对齐每个元素中的一些元素:标题、链接和一些描述性文本。这些元素与左侧 float 的 div(您在左侧看到的“句柄”)相邻。不幸的是，标题和链接之间有很大的差距:

( http://www.bootply.com/101604 )

这是我在图像编辑程序中制作的模型，它说明了我要实现的目标(标题和链接之间没有太大差距):

我知道它与 .handle div 有关，它向左浮动并具有指定的宽度和高度，但我不太明白。当我删除 .handle 时，一切都很好，没有尴尬的差距。我确信这是一个简单的修复，但我正在努力寻找答案。任何的意见都将会有帮助。谢谢!

Answer 1

尝试将这些属性添加到您现有的类中:

.itemSubContainer {
  overflow:hidden;
}
.handle {
  margin-right:10px;
}

帮助清除您的 float 元素，因为您的 itemSubContainer 类不知道包含的元素，因为它们是 float 的并从流中取出。