我正试图让响应式导航栏消失在小屏幕上的下拉按钮中。
我的尝试按预期汇总到浏览器上的按钮(当浏览器窗口缩小时),但按钮不会拉下来。但是,如果查看生成的页面源并将主体剪切并粘贴到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
答案 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)缓存?我认为您在开发模式下启动服务器,在生产中,当您不预先编译资产时可能会出现问题。