rails and bootstrap - 选择性/随机工作答案

【问题标题】：rails and bootstrap - selectively/randomly worksrails and bootstrap - 选择性/随机工作
【发布时间】：2014-06-09 04:08:05
【问题描述】：

我是一名初学者，正在尝试将我的 CSS 集成到我的应用程序中。使用 Rails 4 + Bootstrap 3。

我之前为我的应用程序的前端编写了 html + css，它运行得非常好。我将所有内容移至我的文件夹并相应地编辑了我的 V + C。
我已经成功安装了 bootstrap-sass gem。已更新我的资产应用程序和 js。我有一个 .scss 文件导入引导程序和我的 Google 字体。
Bootstrap、Bootstrap js 和 Google 字体在某些页面上选择性地/随机地工作，但不是完全在页面上工作，或者它们根本不工作，或者它们在那里但现在都搞砸了。（例如，modal 不能在一个页面上工作，但 js 元素在另一个页面上工作）我正在尝试从它们本地存储的位置调用 css 文件。

我的问题：
1. 除了上述内容之外，我还需要编辑什么来整合两者吗？
2. 我必须将我的 css 转换为另一个文件吗？ 3. 如果没有简单的方法来解决这个问题，我应该从我的 css 重新开始吗？

不胜感激任何提示。谢谢！

【问题讨论】：

在您的评论中您提到您的 css 被覆盖以检查它您可以尝试删除 application.css.scss 中所需的 css 文件并检查您的页面，看看是否有任何错误的 css 文件跨度>
嗨 - 已经尝试过了，但没有用。
您是如何在您的应用中安装引导程序的？你能发布你的 gem 文件和 application.css 文件吗
感谢您的帮助。我只是在同一个文件中重写了 sass 中的所有内容，并且成功了。
很高兴它为您工作 :)

【解决方案1】：

一个好的起点是在检查器下检查您的来源，以确保 css 和 javascript 都是必需的。还要检查控制台是否有任何 javascript 错误。

假设您使用的是 google chrome 和 mac，那将是 cmd+alt+i，在 windows 上是 ctrl+alt+i。

您还可以通过右键单击页面的大部分部分来检查页面源来检查包含哪些文件。

如果需要它们并且未应用样式，则可能有其他问题（即两次需要引导 javascript 文件，由于加载顺序而覆盖 css 等）

【讨论】：

感谢 Sherwyn 的提示，我已经尝试使用检查器查看正在加载的文件，但我找不到任何东西。我怀疑某些东西正在覆盖我的样式表，但不确定是哪个文件 - 似乎 css 默认引导一个页面而在其他页面上没有 css。
最快的修复方法是手动将脚本标签添加到 html 中并需要必要的文件。如果你在你的 application.html 中放置了 require 帮助器，并且你确实从控制器渲染了一个布局，并且你在 application.js 和 application.css 中通过 sprockets 需要必要的文件，它应该可以工作。
谢谢，我会多尝试一下。