如何在Bootstrap 4 Rails Gem中啟用Flexbox

Question

我啟動了一個rails項目，並將bootstrap gem添加到Gemfile中。 現在我想啟用flexbox，根據bootstrap 4 文檔，它是通過編輯_variable.scss $enable-flex: true 。

我在global.scss添加了$enable-flex: true ，並將此文件添加到了application.scss 。 但這不起作用。

Answer 1

添加$enable-flex: true; 在application.scss ，在@import "bootstrap";行之前 @import "bootstrap";

有用：

application.scss

$enable-flex: true;
// Custom bootstrap variables must be set or imported before bootstrap itself.
@import "bootstrap";

Answer 2

看看這個問題。

它在_bootstrap-flex.scss文件中提到此修補程序是一個簡單的變量設置

$enable-flex: true;

@import "bootstrap";