在Bootstrap nav-tab上禁用拖动？

Question

Bootstrap nav-tabs是可拖动的（参见fiddle）。如果单击页面标题，则会出现一个包含页面标题的可拖动框。没有其他东西拖延 - 只是标题。

这看起来不太好，但在页面标题后面放一个关闭图标后才会出现问题。我试图给这个图标提供与普通标签浏览器关闭图标相同的行为：换句话说，如果你点击图标，但改变主意关闭标签，你通常会拖走。这在BS中不起作用，因为您只需拖动选项卡标题，图标将保持其选定状态。请注意，这与图标本身的可拖动性或其他方面无关：即使没有图标，标签标题也会拖动（请参阅小提琴）。

那么，关于如何关闭在BS中拖动标签标题的任何想法？

这里有一些用于停止SO的图标的CSS抱怨我没有发布任何代码：

.closeIcon1 {
  width : 16px; height : 16px; float : right; margin : 2px -10px 0 4px;
  background : url('icons/close1.png') 0 0;
}
.closeIcon1:hover  { background-position: -48px 0px }
.closeIcon1:active { background-position: -16px 0px }