如何將Flexbox與Ruby on Rails集成

Question

我想將flexbox與ruby一起使用。 你怎么做到這一點？

Answer 1

事實證明答案很簡單。 對於每個要彎曲的元素，需要聲明display: flex 。 為了避免使用自定義瀏覽器命令（例如-webkit-box-orient ，請包括autoprefixer gem，這樣您就可以在CSS或CSS文件中輸入標准的flexbox命令。 這是一個例子

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

Answer 2

您也可以使用Zurb Foundation之類的前端框架來實現此目的。 我目前正在使用他們的rails gem，並且在我的應用中效果很好。