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'>

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

在其他一些管理页面中（例如下面的页面），引导程序只是未加载。无法找出原因。

Answer 1

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

第二，您应该真正使用Bootstrap Gems之一，其中包含特定于Rails的分步说明

对于Bootstrap 2和Bootstrap 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具有类名span的自定义样式，但不支持col-md-*。

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

这就是为什么在我使用过span的页面中应用了引导样式的原因。当我尝试使用col-md引导样式时未应用。