导入 bootstrap-datepicker 缺少样式 Rails 4.2

Question

我是 Bootstrap 的新手，我正在尝试让我的日期选择器正常工作。我使用 bootstrap-datepicker-rails gem with bootstrap-sass. But it seems that there are some styles missing when i do the imports mentioned on the site.

以这种方式导入有效：

 @import "bootstrap"

但是整个网站都使用了所有 bootstrap 样式，而这并不是我想要实现的目标。但是 @import "bootstrap-datepicker3" 日期选择器没有放在正确的位置并且缺少一些样式。

是否需要导入所有 bootstrap 样式，或者是否可以只使用日期选择器的样式？

Answer 1

安装gem 'bootstrap-sass'和gem 'sass-rails'后，您应该将文件app/assets/stylesheets/application.css的名称更改为app/assets/stylesheets/application.scss。然后在此文件中添加此代码：

@import "bootstrap-sprockets";
@import "bootstrap";

Answer 2

解决了。问题是缺少 bootstrap 组件。在 bootstrap-sass page 上写了如何自定义 bootstrap 配置。因此，在排除了一个接一个的默认组件之后，@import "bootstrap/dropdowns" 是成功的。 @import "bootstrap-datepicker" 中似乎缺少这个，并且 @import "bootstrap-sprockets".

中也没有

对于面临同样问题的人，您可以这样解决：

1) 将默认 _bootstrap.scss 复制到 _bootstrap-custom.scss

cp .bundle/gems/bootstrap-sass-3.3.5/assets/stylesheets/_bootstrap.scss app/assets/stylesheets/_bootstrap-custom.scss

或新建一个名为 _bootstrap-custom.scss

vim app/assets/stylesheets/_bootstrap-custom.scss

2) 如果您复制了文件，请删除除以下行之外的所有其他行。如果您创建了一个新文件，请添加以下行：

@import "bootstrap/variables";
@import "bootstrap/mixins";

// Components
@import "bootstrap/dropdowns";

我还添加了@import "bootstrap/tables";，因为我觉得它看起来不错，但它不是解决问题所必需的。

3) 通过添加行

在您的 app/assets/stylesheets/application.scss 中添加引用

@import "bootstrap-custom";

还要确保你有行

@import "bootstrap-datepicker";

对我来说，这些步骤解决了问题。

导入 bootstrap-datepicker 缺少样式 Rails 4.2

import bootstrap-datepicker missing styles Rails 4.2

css

ruby-on-rails

datepicker

twitter-bootstrap