bootstrap-4 - Boostrap 4 - 一行和类 table-sm 的表格工具提示位置问题
问题描述
我发现在只有一行且具有 table-sm 类的表中放置工具提示存在问题
<!-- TOOLTIP POSITION OK -->
<div class="table-responsive text-nowrap">
<table class="table table-striped table-bordered">
<thead>
<tr>
<th>First</th>
<th>Last</th>
</tr>
</thead>
<tbody>
<tr>
<td><span title="Foo tooltip">Foo</span> </td>
<td><span title="Bar tooltip">Bar</span> </td>
</tr>
</tbody>
</table>
</div>
<!-- TOOLTIP POSITION PROBLEM -->
<div class="table-responsive text-nowrap">
<table class="table table-striped table-bordered table-sm">
<thead>
<tr>
<th>First</th>
<th>Last</th>
</tr>
</thead>
<tbody>
<tr>
<td><span title="Foo tooltip">Foo</span> </td>
<td><span title="Bar tooltip">Bar</span> </td>
</tr>
</tbody>
</table>
</div>
JS
$( document ).tooltip( { selector: '[title]', container : 'body' });
有谁知道如何解决它?
谢谢
解决方案
推荐阅读
- go - go 导入中的别名命名
- java - Maven JavaFX 运行错误 org.openjfx:javafx-maven-plugin:0.0.6
- reactjs - React,Typescript 错误:如何解决类型错误?(HTMLButtonElement 问题)
- reactjs - 无效的 LngLat 对象:(NaN,NaN)在 react js 中,“Mapbox”
- java - 每当我尝试单击按钮时都会出现错误
- svg - 路径下的SVG圆形移动(animateMotion)
- html - Angular中子元素的拖动和垂直滚动滚动
- javascript - 字符串转换为数字以避免欺骗
- javascript - Vue导入导致无法分配给对象错误的只读属性'exports'
- r - 并行化 for 循环时出错