Bootstrap：为什么在一个跨度中双击 select 也会在另一个跨度中双击 select 文本？
Bootstrap: Why does double click select in one span also select text in another span?
在下面的示例中，双击 select 文本 "Goodbye" select s 兄弟跨度中的文本 "world"。为什么会发生这种情况，如何预防？
标记：
<div class="col-xs-12">
<span class="col-xs-6">Hello world</span>
<span class="col-xs-6">Goodbye world</span>
</div>
示例：
实例：
编辑：没有 Bootstrap 类 行为符合预期，文本 "world" 未 selected - Plunker.
使用Chrome的devtools禁用由Bootstrap设置的CSS属性一一表明问题出在这部分：
.col-xs-6 {
float: left;
}
不幸的是，float 属性 似乎是 Bootstrap 布局的基础。
float 导致选择异常的问题之前在 this question 中提到过，那里发布的解决方案（在第一个跨度的末尾添加 space）适用于你的榜样。
在下面的示例中，双击 select 文本 "Goodbye" select s 兄弟跨度中的文本 "world"。为什么会发生这种情况，如何预防？
标记：
<div class="col-xs-12">
<span class="col-xs-6">Hello world</span>
<span class="col-xs-6">Goodbye world</span>
</div>
示例：
实例：
编辑：没有 Bootstrap 类 行为符合预期，文本 "world" 未 selected - Plunker.
使用Chrome的devtools禁用由Bootstrap设置的CSS属性一一表明问题出在这部分：
.col-xs-6 {
float: left;
}
不幸的是，float 属性 似乎是 Bootstrap 布局的基础。
float 导致选择异常的问题之前在 this question 中提到过，那里发布的解决方案（在第一个跨度的末尾添加 space）适用于你的榜样。