引导程序未在某些页面中加载答案

【问题标题】：Bootstrap not loading in some page引导程序未在某些页面中加载
【发布时间】：2018-12-01 17:15:49
【问题描述】：

我是引导程序和 UI 方面的新手。正在尝试按照此文档实施网格 https://getbootstrap.com/docs/4.1/layout/grid/

在我的 rails 5 应用程序中遇到了这个奇怪的 UI 问题。我们使用这些 gem 'bootstrap-sass'(3.3.7) 和 'bootstrap_form' (2.7.0)

我们已经包含了 boostrap admin.html.erb。

 <link href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.min.css" rel="stylesheet" type='text/css'>

但是，在某些管理页面中，引导程序似乎正在加载。

而在其他一些管理页面中，例如下面的那个，引导程序只是没有加载。无法弄清楚原因。

【问题讨论】：

【解决方案1】：

首先，Bootstrap 2.3.2 是no longer supported，所以我建议升级到更高版本。

其次，您应该真正使用其中一个 Bootstrap Gems，它附带特定于 Rails 的分步说明

对于引导程序 2 和 3：Bootstrap Sass

对于引导程序 4：Bootstrap Ruby Gem

因为您是 Bootstrap 的新手，所以我还建议您使用 Bootstrap 4（除非您有理由不这样做）。

【讨论】：

【解决方案2】：

我项目的管理部分使用的是 bootstrapv2.3.2 虽然我的项目在 Gemfile 中包含“bootstrap-sass”（3.3.7），但它仅在我的项目的非管理部分呈现。管理部分在使用 bootstrapv2.3.2 的不同布局下呈现

bootstrap2.3.2 对类名 span 具有自定义样式，但它不支持 col-md-*。

col-md-* 是在 bootstrap 3 中引入的，并且也在更高版本中使用。

这就是为什么在我使用span 的页面中，应用了引导样式。当我尝试使用 col-md 时，引导样式没有得到应用。

【讨论】：