Css 引导popover divs中的文本无空格重叠

HTML:

我如何解决这个问题？
这是因为您的标记错误。引导中的
行
嵌套列。在其他列中嵌套了列，这是不正确的

$('*[data-id]').mouseenter(function(event) {
        var e=$(this);
        var content = '<div class="row"><div class="col-xs-12"><div class="col-xs-8">
Element1Element1 Element1Element1Element1Element1Element1Element1 Element1Element1Element1Element1Element1Element1 Element1Element1Element1Element1</div><div class="col-xs-4">Element 2</div></div>';






    e.popover({html:true,placement:'bottom', animation: false, 
        delay:   { show: 1500, hide: 100 }, content: content}).popover('show')

});


元素1元素1元素1元素1元素1元素1元素1元素1元素1元素1元素1元素1元素1元素1元素1元素1元素1元素1元素1元素1元素1元素1元素1元素1元素1元素1元素1元素1元素1元素1元素1元素1元素1元素1

如果要在工具提示中使用列，还只需使用
行
和
列-x-x
类。因此，如果您正在显示简单的文本，您实际上不必使用它们

最后，如果需要多行文本，只需一个
p
元素来分割文本

警告：我不确定你是否可以在工具提示中使用网格。因此，您最好使用没有列的简单文本…
这是连续文本的问题，如果它似乎与其他
div重叠，CSS会自动将其放置在下一行中，但如果您不提供空间，它没有太多选择，这是因为它不知道何时中断，因此，您可以按如下方式指定：

<div class="row">
  <div class="col-xs-12">
   Element1Element1 Element1Element1Element1Element1Element1Element1        Element1Element1Element1Element1Element1Element1 Element1Element1Element1Element1
  </div>
</div>

因为您的列已经具有指定的宽度，如果div中的文本超过该宽度，请在该点打断它

谢谢，但仍有重叠
<div class="row">
  <div class="col-xs-12">
   Element1Element1 Element1Element1Element1Element1Element1Element1        Element1Element1Element1Element1Element1Element1 Element1Element1Element1Element1
  </div>
</div>

.popover-content {
    word-wrap:break-word;
}