Rails 3.2 bootstrap无法设置工具提示样式

时间:2013-04-22 15:22:46

标签: twitter-bootstrap ruby-on-rails-3.2 tooltip bootstrap-sass

我在我的Rails 3.2应用程序中安装了bootstrap-sass。我可以让bootstrap正常工作,包括javascript和(难以捉摸的)工具提示。但我不能让工具提示样式工作。

这是我的设置:

的application.js

//= require bootstrap

application.css.scss

 *= require bootstrap_and_overrides

bootstra_and_overrides

@import "bootstrap";
# and other overrides

有趣且令人费解的一点是,bootstrap popovers工作正常,具有正确的样式(有些基于我理解的工具提示),但工具提示没有。它们显示在页面的左下方,但无论我做什么,样式都不会受到影响,甚至不考虑放置(data-placement ='top')。

即使我删除了我的应用程序中除了bootstrap之外的所有CSS的所有调用,样式也不起作用。

即使我在bootstrap_and_overrides.css.scss文件末尾包含所有工具提示样式,它们也无法正常工作。看起来好像工具提示类没有应用它。

由于工具提示会在您将鼠标从链接中移除后立即消失,我无法检查它们以查看它们已应用的CSS(如果有)。

1 个答案:

答案 0 :(得分:3)

原来答案是js文件的顺序。我有一些jquery-ui文件之前bootstrap.js似乎导致了问题。这个订单有效:

//= require jquery
//= require jquery_ujs
//= require jquery-ui
//= require jquery.purr
//= require best_in_place
//= require bootstrap

我会在这里留下问题,以防它帮助其他人。