Bootstrap 某些页面未加载

Question

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

在我的 rails 5 应用程序中遇到了这个奇怪的 UI 问题。我们使用这些宝石 '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'>

但是，在某些管理页面中 bootstrap 似乎正在加载。

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

Answer 1

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

其次，您真的应该使用 Bootstrap Gem 之一，它附带针对 Rails

的分步说明

对于 Bootstrap 2 和 3：Bootstrap Sass

对于 Bootstrap 4: Bootstrap Ruby Gem

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

Answer 2

我项目的管理部分使用的是 bootstrapv2.3.2 尽管我的项目在 Gemfile 中包含 'bootstrap-sass'(3.3.7)，但它仅在我项目的非管理部分呈现。管理部分在使用 bootstrapv2.3.2

的不同布局下呈现

bootstrap2.3.2 已为 class 名称 span 自定义样式，但它不支持 col-md-*.

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

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

Bootstrap not loading in some page