Rails 4应用程序在开发和生产过程中的视觉差异

现在,样式表按以下顺序呈现: Jquery UI->引导3.2->Bootswatch 3.2->Jasney引导3.1

您的自定义Bootswatch主题具有与传统引导无衬线字体(“Helvetica Neue”、Helvetica、Arial、sans-serif)不同的默认体字体(Georgia、“Times New Roman”、Times、serif),该字体覆盖bootstrap并使字体看起来像打印样式的字体。

默认的.container类也是如此。自定义bootswap.container宽度大于默认bootstrap.container类。

我猜您的引导样本库没有加载到本地计算机上,也没有在引导之前加载。因此,您将看到所有默认的引导主题(在我看来,它们看起来更好)。然后,当您将其推到生产环境时,引导后将加载引导样本主题,从而覆盖您在本地计算机上看到的所有良好的引导默认值。

如果您仍然对它们加载的顺序有问题,请尝试在应用程序/样式表中创建一个css清单文件,将所有css库移动到单独文件中的供应商/资产/样式表,并使用以下约定调用清单文件中的文件:

/*
*= require jqueryui
*= require bootstrap
*= require bootswatch
*= require jasney
*/

这样,您可以手动排序预编译的资源。它们将按照您在样式表中包含它们的确切顺序从上到下进行编译**确保在视图或应用程序/views/layouts/application.html.erb文件的顶部包含清单表。(您可能还需要调整production.rb文件)

有两个想法,希望这有帮助。