Twitter Bootstrap的工具提示问题
MMK
我twitter bootstrap 3用来显示tooltip
<td class = "skills" data-toggle="tooltip" data-placement="left" data-original-title="<?php echo $row['skills']; ?>"><?php echo $row['skills']; ?></td>
它显示得很好，但是当我将鼠标悬停在它上面时，它会将每个单元格向右移动。
如何解决？
我已经附上了两个快照，您可以看到它正在向右移动。
编辑
我在这里添加一个测试表，它的作用是，接下来显示工具提示，td并且该数据td右移。
<table id="example-table" class="table table-striped table-hover table-condensed">
<thead>
<th>Serial</th>
<th>Name</th>
<th>Rating</th>
</thead>
<tbody>
<tr>
<td>1</td>
<td data-toggle="tooltip" data-placement="right" data-original-title="A">A</td>
<td>php</td>
</tr><tr>
<td>2</td>
<td data-toggle="tooltip" data-placement="right" data-original-title="B">B</td>
<td>C#</td>
</tr>
</tbody>
</table>
这是 js
<script type="text/javascript">
$(document).ready(function(){
$('[data-toggle="tooltip"]').tooltip();
});
</script>
MMK
我找到了解决方案，只是在这里发布，以便某人可能有一天会觉得有用。
因此，任何人如果遇到此问题，我的意思是，如果在使用时在悬停状态下移动数据并且在悬停状态下弹跳按钮twitter-bootstrap tooltip，则只需执行以下操作：
<script type="text/javascript">
$(document).ready(function(){
$('[data-toggle="tooltip"]').tooltip();
});
</script>
只需要添加容器（在bootstrap 2.3中已修复）
<script type="text/javascript">
$(document).ready(function(){
$('[data-toggle="tooltip"]').tooltip({container: 'body'});
});
</script>
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
相关文章
Related 相关文章
- 1
jQuery使用twitter-bootstrap工具提示删除焦点问题
- 2
Twitter Bootstrap工具提示宽度
- 3
如何使Twitter Bootstrap工具提示可访问？
- 4
如何使Twitter Bootstrap工具提示可访问？
- 5
在Twitter Bootstrap工具提示中允许HTML怎么可能导致XSS问题？
- 6
在Twitter Bootstrap工具提示中允许HTML怎么可能导致XSS问题？
- 7
Twitter Bootstrap Javascript-如何仅使用工具提示库？
- 8
如何在Twitter Bootstrap工具提示上启用淡入淡出效果？
- 9
Twitter Bootstrap 3工具提示在Yii框架中不起作用
- 10
自定义弹出菜单twitter-bootstrap在工具提示上，并在单击按钮时显示
- 11
Twitter Bootstrap输入组问题
- 12
如何使用Twitter Boootstrap的表单验证工具提示消息？
- 13
关于选择的Twitter引导工具提示不起作用
- 14
光滑轮播上的Twitter Boostrap工具提示
- 15
关于选择的Twitter引导工具提示不起作用
- 16
更新后的Bootstrap工具提示对齐问题？
- 17
Twitter Bootstrap选定的选项卡问题
- 18
Twitter Bootstrap菜单栏响应问题
- 19
Twitter Bootstrap 3水平滚动问题
- 20
Twitter Bootstrap 3水平滚动问题
- 21
Twitter Bootstrap网格问题：列对齐
- 22
Twitter和Meteor的问题
- 23
gwibber twitter授权问题
- 24
gwibber twitter授权问题
- 25
Twitter Bootstrap网格：
- 26
正确打印Twitter Bootstrap
- 27
隐藏Twitter Bootstrap按钮
- 28
Twitter Bootstrap列填充？
- 29
Twitter Bootstrap的列排序
我来说两句