我一直在添加一些Twitter引导工具提示到一个基本的调查网站,我一直在创建学习 Backbone 。
除了添加到分支按钮的工具提示外,我的所有工具提示看起来都正确。
下面是坏的一个看起来:
以下是所有其他选项的外观:
这几乎就像它的不透明度是0.8,而其他的是1。但我没有改变我添加它们的方式,所以我很困惑到底发生了什么。
我发现了一个不同的SO,它建议执行以下操作:
.tooltip.in {
opacity: 1;
filter: alpha(opacity=100);
}
但这似乎行不通。
下面是我如何添加一个好的工具提示:
<div id="arrow-up"><i class="fa fa-arrow-up" title="You can rearrange the order that the questions appear in using the arrows next to each question." data-toggle="tooltip" data-placement="left"></i> </div>
?
的另一个版本:
<input type="checkbox" id="imageQuestion" class="image-question" checked>
<label for="imageQuestion">Add Image to Question</label>
<i class="fa fa-question-circle tooltip-info" title="If you would like to add an image to the question, check the 'Add Image to Question' box." data-toggle="tooltip" data-placement="right"></i>
下面是我如何添加一个坏的(可能需要注意--这个视图是包含其他工具提示的视图的子视图。“问题”视图有许多“答案”子视图):
<a data-toggle="modal" data-target="#<%= @id %>" class="btn manage-skip active"><i class="fa fa-code-fork" title="You can branch your survey answers so that certain answers will lead to different questions. Use this to tailor your messages and survey paths to the people that you are looking to find." data-toggle="tooltip" data-placement="left"></i></a>
然后,在“答案”和“问题”视图中,我将显示工具提示视图:
onShow: ->
$('[data-toggle="tooltip"]').tooltip()
2条答案
按热度按时间new9mtju1#
引导程序4.0
r7s23pms2#
看起来问题是我试图在一个modal链接中附加一个工具提示。当我把它添加到一个div中时,它就像预期的那样工作了: