引導工具提示向右移動

一切都很好，但一時之間工具提示變得瘋狂。引導工具提示向右移動

http://jsfiddle.net/AJkJa/10/工具提示應該靠近文字，但它在右邊框。如果我設置很小的寬度，它將會從文本寬度。

我做錯了什麼？

<!DOCTYPE html> 
<html> 
<head> 
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> 
    <script src="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.2.2/js/bootstrap.min.js"></script> 
    <link href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.2.2/css/bootstrap-combined.min.css" rel="stylesheet"> 
    <script> 
     $(document).ready(function() { 
      $("[rel=tooltip]").tooltip(); 
     }); 
    </script> 
</head> 
<body> 
<div rel="tooltip" data-original-title="tooltip" data-placement="right">hover me. tooltip should be here.but it's shifted right</div> 
</body> 
</html>

來源

2012-12-09 Mikhail Erofeev

工具提示並不「變得瘋狂」！當你放置它right它會發現容器的結束，並且因爲<div>呈現爲display:block它會發現遠處的結束。

一個簡單的方法來證明它是一個background-color:red該div，你會看到發生了什麼。

只具有懸停我得到懸停效果，給予提示只給它，如：

<div> 
    <span rel="tooltip" data-original-title="tooltip" data-placement="right">hover me</span>. 
    tooltip should be here.but it's shifted right 
</div>

更新例如：http://jsfiddle.net/AJkJa/11/

來源

2012-12-09 12:50:56 balexandre

該div延伸到whole available space。如果你給一個寬度，或者它適合的顯示樣式。

<!DOCTYPE html> 
<html> 
<head> 
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> 
    <script src="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.2.2/js/bootstrap.min.js"></script> 
    <link href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.2.2/css/bootstrap-combined.min.css" rel="stylesheet"> 
    <script> 
     $(document).ready(function() { 
      $("[rel=tooltip]").tooltip(); 
     }); 
    </script> 
</head> 
<body> 
<div rel="tooltip" data-original-title="tooltip" style="width:350px;" data-placement="right">hover me. tooltip should be here.but it's shifted right</div> 
</body> 
</html>

來源

2012-12-09 12:50:31 Demnogonis

引導工具提示向右移動

回答

相關問題