Question

Bootstrap 4工具提示未显示其在reactjs应用程序中的位置。

我已经尝试过类似的一切

设置container: body
将身体样式设置为position: relative;

我的代码在html头中具有以下层次结构

<link rel="stylesheet" href="/static/css/bootstrap-4.1.min.css" />
<script type="text/javascript" src="/static/js/jquery-3.2.1.slim.min.js" />
<script type="text/javascript" src="/static/js/popper-1.12.9.min.js" />
<script type="text/javascript" src="/static/js/bootstrap-4.1.min.js" />
<script type="text/javascript" src="/static/js/script.js" />
<link rel="stylesheet" href="/static/css/react-widgets.css" />
<link rel="stylesheet" href="/static/css/styles.css" />

用法：

<div data-toggle="tooltip" data-placement="right" data-original-title="Title Here">
    <a>Links Goes Here</a>
</div>

这是屏幕截图

https://i.ibb.co/kDzjL7c/CADS.png

Answer 1

按如下所示在a标签内移动属性：

<div>
  <h3>Tooltip Example</h3>
  <a data-toggle="tooltip" data-placement="right" data-original-title="Title Here">Hover over me</a>
</div>

Bootstrap 4工具提示位置问题

1 个答案: