0

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

我的尝试按预期滚动到我的浏览器上的一个按钮（当浏览器窗口变窄时），但该按钮没有下拉。但是，如果查看生成的页面源并将正文剪切并粘贴到 bootply 中，它在那里可以正常工作。我猜这是我的 bootstrap-sass 或我如何设置 .scss 文件的问题。

我尝试将所有内容汇总在一个 .scss 文件中，如Bootstrap Rails 4 sass layout not working中所述，但没有看到任何变化。

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

Bootply 使用从 rails 工作的相同主体：http: //www.bootply.com/785c0msG86

演示该问题的 Git 存储库：https ://github.com/vt102/navbartest

4

2 回答 2

1

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

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

您需要添加一个//= require bootstrap.

于 2014-05-26T04:39:11.637 回答
0

我尝试使用该存储库（克隆到我的计算机并运行）并且我能够看到引导程序（http://prntscr.com/3mk66r），您是否尝试在另一个浏览器中打开您的网站或删除浏览器/rails（rake 缓存：清除) 缓存？我想您是在开发模式下启动服务器，在生产中，当您不预编译资产时可能会出现问题。

于 2014-05-25T21:26:56.067 回答