Css 工具提示文本未换行的引导表

我有一个工具提示在响应表中。然而，我意识到工具提示中的文本并没有仅仅在移动视图中很好地包装它

请参见此处的示例：

---

您需要呈现移动视图和鼠标，并查看问题

将其添加到您的CSS中

.tooltip-inner  {

    white-space:pre; /* you can also try white-space: normal; */
    max-width:none;

}

---

它将像一个符咒一样工作。这里的关键属性是

空白

。阅读更多关于它的信息，将其添加到你的CSS中

.tooltip-inner  {

    white-space:pre; /* you can also try white-space: normal; */
    max-width:none;

}

它将像一个符咒一样工作。这里的关键属性是

空白

。阅读更多关于它的信息

---

我通过添加此行“data container=“body”解决了这个问题

现在看起来是这样的

<a href="#" data-toggle="tooltip" data-container="body" data-placement="right" data-html="true" title="this paragraph is too long and the text does not wrap around in mobile view, i don't know why this is happening. please help">Hover over me</a>

---

还可以吗？还是Hristo提供的解决方案更好？

我通过添加这一行“data container=“body”解决了这个问题

现在看起来是这样的

<a href="#" data-toggle="tooltip" data-container="body" data-placement="right" data-html="true" title="this paragraph is too long and the text does not wrap around in mobile view, i don't know why this is happening. please help">Hover over me</a>

---

可以吗？或者Hristo提供的解决方案更好？

Hi Hristo，我通过添加这行“data container=“body”来解决它“.可以吗？还是使用空白是更好的选择？嘿！您的解决方法非常好，因为您没有覆盖任何内容，但是您正在使调整依赖于引导。虽然这不是一件坏事，但它可能会出错，因为规则的行为可能会在引导的未来版本中发生更改（以前在其他设置中发生过），并且您可能必须找到一种方法再次修复它。选择权在你。这两个选项目前都很有效。感谢@Hristo的确认！：）您好，我通过添加这行“data container=”body解决了这个问题“.可以吗？还是使用空白是更好的选择？嘿！您的解决方法非常好，因为您没有覆盖任何内容，但是您正在使调整依赖于引导。虽然这不是一件坏事，但它可能会出错，因为规则的行为可能会在引导的未来版本中发生更改（以前在其他设置中发生过），并且您可能必须找到一种方法再次修复它。选择权在你。这两个选项目前都很有效。感谢@Hristo的确认！：）我使用jQuery:$（[a[title]）.each（函数（）{$（this.attr（'data-container'，'body'）；}）；。很好！我使用jQuery:$（[a[title]）.each（函数（）{$（this.attr（'data-container'，'body'）；}）；。很好！