我的Bootstrap可以在bootply上运行,但不能在我的Rails服务器上运行

时间:2014-05-25 20:58:46

标签: twitter-bootstrap ruby-on-rails-4 twitter-bootstrap-3 bootstrap-sass

我正试图让响应式导航栏消失在小屏幕上的下拉按钮中。

我的尝试按预期汇总到浏览器上的按钮(当浏览器窗口缩小时),但按钮不会拉下来。但是,如果查看生成的页面源并将主体剪切并粘贴到bootply中,那么它在那里工作正常。我猜这是我的bootstrap-sass的问题,或者我是如何设置我的.scss文件的。

我尝试在Bootstrap Rails 4 sass layout not working中讨论的单个.scss文件中滚动所有内容但看不到任何更改。

这是Rails 4.0.2,带有gems sass-rails 4.0.3和bootstrap-sass 3.1.1.1。

Bootply使用从rails提供的相同主体:http://www.bootply.com/785c0msG86

Git repo演示了这个问题:https://github.com/vt102/navbartest

2 个答案:

答案 0 :(得分:1)

您没有将Bootstrap的JS文件包含到您的应用程序中。下拉菜单需要Javascript才能正常工作;所以在这个文件里面:

https://github.com/vt102/navbartest/blob/master/app/assets/javascripts/application.js

您需要添加//= require bootstrap

答案 1 :(得分:0)

我尝试使用该存储库(克隆到我的计算机并运行)并且我能够看到bootstrap(http://prntscr.com/3mk66r),您是否尝试在另一个浏览器中打开您的网站或删除broswer / rails(rake cache:clear)缓存?我认为您在开发模式下启动服务器,在生产中,当您不预先编译资产时可能会出现问题。