ruby on railでフレックスボックスを使いたいと思います。これどうやってやるの?フレックスボックスをRuby on Railsに統合するには
0
A
答えて
1
答えは簡単です。フレキシブルにする各要素について、display: flex
を宣言する必要があります。例えばカスタムブラウザコマンドを使用する必要性を避けるために、 -webkit-box-orient
には、autoprefixer gemが含まれていますので、標準のflexboxコマンドをcssまたはscssファイルに入力するだけです。ここでは例
.{
display: flex;
flex-direction: column;
align-items: center;
justify-content: centre
}
0
あなたにもこれを達成するためにZurb Foundationのようなフロントエンドのフレームワークを使用することができます。私は現在、彼らのrails gemと私のアプリでうまく動作して使用しています。
関連する問題
- 1. Crystal ReportsをRuby On Railsと統合するには?
- 2. Ruby on RailsとWordpressの統合サイト
- 3. Ruby on RailsでのJavaScript統合テスト
- 4. Ruby on RailsにTinyMCEを統合する方法
- 5. Ruby on RailsにPaypalインテグレーションを統合する方法
- 6. PythonライブラリをRuby on Railsアプリケーションに統合する方法
- 7. Ruby on Railsにブートストラップを統合する5.1.4
- 8. Ruby On RailsアプリケーションとPayfort支払いを統合する
- 9. Thrift RubyサーバーとRuby on Rails Webアプリケーションの統合
- 10. .NET統合によるRuby on Railsの状態は何ですか?
- 11. Ruby on Railsアクティブマーチャント統合 - 変数を渡す
- 12. TDD:Test on Unit on Rails?表示/統合
- 13. Ruby on Railsの統合テストと機能テストの違い
- 14. Ruby on railsでのPayflow支払いの統合
- 15. Ruby on Railsには、JavaScript
- 16. Ruby on Rails - 2つのテーブルを結合するには?
- 17. Ruby on Rails 4とPhonegapを統合してネイティブiOSアプリケーションを構築する
- 18. Ruby on Railsモデルの名前。 Ruby on Railsモデルの名前を付けるには?
- 19. Ruby on Railsチュートリアル - 第11章 - 統合テストのエラーを取得する
- 20. Ruby on RailsからJRuby on Railsにプロジェクトを変更する
- 21. Ruby on Railsの合計、差分と製品ですか? Ruby on Railsの
- 22. Ruby on Rails 3のRuby on Rails Ajaxスキャフォールドジェネレータはなんですか?
- 23. Ruby on Rails 2.3.4アプリケーションを "Rails 3-ready"にするには
- 24. RubyとRuby on Rails
- 25. Ruby on Railsでビジター統計をトラッキングする
- 26. データ(Ruby on Railsは)
- 27. Ruby on RailsをMySQLにインポートする
- 28. 窓にRuby on Railsをインストールする
- 29. Ruby on Rails - show on new on
- 30. 投稿にRuby on railsコメント
だから、 "flexbox-rails"は何のための宝石ですか? https://github.com/woodcrust/flexbox-rails - このgemをgemfileに含める必要はなく、include.c行をapplication.cssに追加する必要はないと言っていますか? – JosephK
'' flexbox-rails''' wikiを見ると、行と列を作成するためのいくつかのラッパークラスが追加されています。これはあなたにとっては有益かもしれませんが、標準のフレックスボックス命令を使用する必要はありません。 – Obromios