html - 对齐 Bootstrap 工具提示中的文本

Question

Bootstrap 工具提示默认将文本居中对齐。我想向左对齐。有没有什么好的方法可以在 HTML 中执行此操作而不是修改 CSS 文件？

这是我的示例代码:

<p rel="tooltip" title="Text in tooltip I want to align">Hover over here</p>

<script type="text/javascript">
   $(document).ready(function () {
      $("p").tooltip();
   });
</script>

我已经试过了，但是没用:

<p rel="tooltip" data-html="true" title="<p align='left'>Text in tooltip</p>">Hover over here</p>

Answer 1

以下内容在 Bootstrap 版本 2.2.2、3.3.6 和 4 中运行良好:

.tooltip-inner {
    text-align: left;
}