twitter-bootstrap - Bootstrap : Why does double click select in one span also select text in another span?

Question

在下面的示例中，双击选择文本“Goodbye”会在兄弟跨度中选择文本“world”。为什么会发生这种情况，如何预防？

标记:

<div class="col-xs-12">
    <span class="col-xs-6">Hello world</span>
    <span class="col-xs-6">Goodbye world</span>
</div>

例子:

实例:

Plunker

编辑:没有 Bootstrap 类，行为符合预期，未选择文本“world”- Plunker .

Answer 1

使用Chrome的devtools将Bootstrap设置的CSS属性一一禁用，提示问题出在这部分:

.col-xs-6 {
    float: left;
}

不幸的是，float 属性似乎是 Bootstrap 布局的基础。

float 导致选择异常的问题先前已在 this question 中提及，并且发布在那里的解决方案(在第一个跨度的末尾添加一个空格)适用于您的示例。