生产 Rails 5 应用程序中的引导布局错误答案

【问题标题】：Bootstrap layout error in production rails 5 app生产 Rails 5 应用程序中的引导布局错误
【发布时间】：2018-02-19 21:59:12
【问题描述】：

这个小问题我真的不知道该怎么办：

我有一个 Rails 应用程序在开发中完美运行，我的引导程序布局没问题，但是当我在生产环境中运行我的应用程序时，我的布局出现了问题。

所有内容都在 assets:precompile 中进行了配置，当我尝试在智能手机中打开我的 rails 应用程序时，我的布局出现了问题。

看看我的布局仅在智能手机和生产中会发生什么：

你知道我能做些什么来解决它吗？甚至运行 rails assets:precompile 或者 rails assets:precompile RAILS_ENV=production 没变化... 谢谢大家！

【问题讨论】：

您好，欢迎来到 Stack Overflow。看起来很有趣，但是调试您网站的图片真的很难；）您能否编辑您的问题并添加所有相关代码 sn-ps？例如生成这个的Rails 视图，以及产生的html？另外：你做了什么来试图弄清楚发生了什么？你有没有玩过网络开发工具来看看填充等发生了什么？
嗨，Taryn！，对不起。我正在尝试在此处插入我的代码，但是当我尝试保存网站时，我的代码有问题。
嗯，这很奇怪。您如何将其保存为文本而不是代码 sn-p。我可以帮你修改它，让它看起来没问题。
LOL 谢谢我的朋友，我们试试吧：
不行，如果我只是粘贴代码，我会收到相同的消息......我还能做什么？

【解决方案1】：

好的，我可以确认问题出在具有类的 div 上：<div class="col-sm-6 col-md-4 col-md-offset-4">

当我从该 div 中删除 all 类时，问题就消失了（尽管样式看起来很糟糕）。我的怀疑是，您真的不应该将 col-offset 和 col 类混合到同一个 div 中（尤其不能同时使用 md 大小的类...选择一个？

【讨论】：

【解决方案2】：

在我看来，您为这么小的屏幕尺寸设置了太多的偏移量。尝试添加这些类：

col-xs-12 col-xs-offset-0

【讨论】：