Javascript 如何在一个div结束后定位工具提示？当div在第二行结束时，工具提示也会出现在第一行_Javascript_Html_Css

Javascript 如何在一个div结束后定位工具提示？当div在第二行结束时，工具提示也会出现在第一行

javascript html css

Javascript 如何在一个div结束后定位工具提示？当div在第二行结束时，工具提示也会出现在第一行,javascript,html,css,Javascript,Html,Css,我有一个要求，把一个工具提示后的内容。我面临的问题是如何使其响应，因为当内容在两行中渲染时，工具提示组件仍在第一行中渲染。这是我试过的代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>First page</title> <script src="https://ajax.googleap

我有一个要求，把一个工具提示后的内容。我面临的问题是如何使其响应，因为当内容在两行中渲染时，工具提示组件仍在第一行中渲染。这是我试过的代码

 <!DOCTYPE html>
    <html lang="en">
    <head>
    <meta charset="UTF-8">
    <title>First page</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
</head>
<body>
<div class="row container">
    <div class="col-lg-8"> This content is going beyound one line, Then the problem arrives because the tooltip is still at first line. But it should be in second line where this content ends</div>
    <div class="col-lg-4" title="this information is about div one's content">tooltip</div>  
</div>
</body>
</html>


首页
此内容超出一行，然后问题出现，因为工具提示仍在第一行。但它应该在第二行，这一内容结束
工具提示

你能建议如何实现它吗

谢谢。

默认情况下，这是来自引导的，位于页面的右角。因此，您必须重写默认引导（在新的更新之前它将一直工作）或者看看它们是如何制作的，然后从中复制来制作您自己的自定义工具提示。

您能提供一个plunker吗？@Shurti我看这没什么错code@RachelGallen我需要在div的内容结束时显示工具提示。问题是当div内容在第二行结束时，我的工具提示也会出现在第一行。这实际上是一个评论，而不是一个答案。我没有评论的名声，我做了研究，我认为我留下了关于他/她的问题的有用信息。