我在我的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(如果有)。
答案 0 :(得分:3)
原来答案是js文件的顺序。我有一些jquery-ui文件之前bootstrap.js
似乎导致了问题。这个订单有效:
//= require jquery
//= require jquery_ujs
//= require jquery-ui
//= require jquery.purr
//= require best_in_place
//= require bootstrap
我会在这里留下问题,以防它帮助其他人。