2016-03-24 13 views

答えて

1

答えは簡単です。フレキシブルにする各要素について、display: flexを宣言する必要があります。例えばカスタムブラウザコマンドを使用する必要性を避けるために、 -webkit-box-orientには、autoprefixer gemが含まれていますので、標準のflexboxコマンドをcssまたはscssファイルに入力するだけです。ここでは例

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

だから、 "flexbox-rails"は何のための宝石ですか? https://github.com/woodcrust/flexbox-rails - このgemをgemfileに含める必要はなく、include.c行をapplication.cssに追加する必要はないと言っていますか? – JosephK

+0

'' flexbox-rails''' wikiを見ると、行と列を作成するためのいくつかのラッパークラスが追加されています。これはあなたにとっては有益かもしれませんが、標準のフレックスボックス命令を使用する必要はありません。 – Obromios

0

あなたにもこれを達成するためにZurb Foundationのようなフロントエンドのフレームワークを使用することができます。私は現在、彼らのrails gemと私のアプリでうまく動作して使用しています。

関連する問題