引导工具提示基于全角

我创建了一些可以使用JQuery进行更改的工具提示，并多次检查了我的代码。我发现代码在CSS中被破坏，因为宽度不正确。你可以找到一个演示here或只是查看下面引导工具提示基于全角

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> 

<!-- 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>

没有CSS，唯一的jQuery是，启用工具提示。
RECAP：我有一些工具提示无法正常工作。他们不是靠近原始元素出现，而是尝试使用整个宽度，并出现在整个页面或中间。我试图让工具提示做他们应该做的事情 - 在他们被拴住的元素旁边，并且在盘旋时解释它，而不是从屏幕中途解释它。

来源

2016-04-05 TheGenie OfTruth

你想要什么和正在发生的事情，你不喜欢，这个问题是不明确的那一刻， –

阅读回顾！它应该解释我想要完成的事情。 –

<p>不是内联元素。请注意0，他们只使用<a>和<button>元素。你可以做以下，使其工作：

<p id="intro"> 
    <span title = "test" data-toggle = "tooltip" data-placement = "right"> 
     Hello!!! 
    </span> 
</p>

来源

2016-04-06 00:16:50

谢谢！完美的作品：D。 –

引导工具提示基于全角

回答

相关问题