Html 引导工具提示根据全宽从页面上消失
我创建了一些可以使用JQuery更改的工具提示，并多次检查了我的代码。我发现代码在CSS中被破坏了，因为宽度不正确。你可以找到一个演示，也可以在下面查看 HTMLHtml 引导工具提示根据全宽从页面上消失,html,Html,我创建了一些可以使用JQuery更改的工具提示，并多次检查了我的代码。我发现代码在CSS中被破坏了，因为宽度不正确。你可以找到一个演示，也可以在下面查看 HTML <body id = "body" style = "background:rgb(9,9,9)" > <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <!--
<body id = "body" style = "background:rgb(9,9,9)" >
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous">
<!-- Optional theme -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap-theme.min.css" integrity="sha384-fLW2N01lMqjakBkx3l/M9EahuwpSfeNvV63J5ezn3uZzapT0u7EYsXMjQV+0En5r" crossorigin="anonymous">
<!-- Latest compiled and minified JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js" integrity="sha384-0mSbJDEHialfmuBBQP6A4Qrprq5OVfW37PRR3j5ELqxss1yVqOtnepnHVP9aJ7xS" crossorigin="anonymous"></script>
<p id = "intro" title = "test" data-toggle = "tooltip" data-placement = "right">Hello!!!</p>
<br/>
<br/>
<p id = "choice1" data-toggle = "tooltip">Herp a derp</p>
<script>
</script></body>
您好
Herp a derp
重述：我有一些工具提示无法正常工作。而不是接近原始元素，他们尝试使用整个宽度，并出现在页面或中间。我正在尝试让工具提示执行它们应该执行的操作-在鼠标悬停时靠近它们所绑定的元素并进行解释，而不是在屏幕中间进行解释。
不是内联元素。请注意，在中，它们仅与
和
元素一起使用。您可以执行以下操作以使其正常工作：
<p id="intro">
<span title = "test" data-toggle = "tooltip" data-placement = "right">
Hello!!!
</span>
</p>
你好
不是内联元素。请注意，在中，它们仅与
和
元素一起使用。您可以执行以下操作以使其正常工作：
<p id="intro">
<span title = "test" data-toggle = "tooltip" data-placement = "right">
Hello!!!
</span>
</p>
你好
你想要什么，你不喜欢发生什么，问题目前还不清楚，请阅读摘要！它应该解释我想做什么。你想要什么，发生了什么你不喜欢的事情，问题目前还不清楚，请阅读摘要！它应该能解释我想做什么。