如何将flexbox与Ruby on Rails集成

Question

我想在导轨上使用带有红宝石的flexbox。你是怎么做到的？

Answer 1

事实证明答案很简单。对于要弯曲的每个元素，您需要声明display: flex。为了避免需要使用自定义浏览器命令，例如-webkit-box-orient，包含autoprefixer gem，这样您就可以在css或scss文件中输入标准的flexbox命令。这是一个例子

.{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: centre
}

Answer 2

您可以使用像Zurb Foundation这样的前端框架来实现这一目标。我目前正在使用他们的rails gem，并且在我的应用中效果很好。