2016-03-24 29 views

cevap

1

Bu yanıtın kolay olduğu ortaya çıkıyor. Esnekleştirmek istediğiniz her öğe için display: flex bildirmeniz gerekir. Özel tarayıcı komutlarını kullanmaktan kaçınmak için örn. -webkit-box-orient, autoprefixer gem'u ekleyin, böylece standart flexbox komutlarını css veya scss dosyalarınıza girebilirsiniz. İşte bir örnek

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

Peki, gem için "flexbox-rayları" nedir? https://github.com/woodcrust/flexbox-rails - Bu gem'i gemfile ekleyip uygulama satırını application.css dosyasına eklemenin gereksiz olduğunu mu söylüyorsunuz? – JosephK

+0

'' 'flexbox-rails''' wiki’üne bakarak, satır ve sütun oluşturmak için çeşitli sarıcı sınıfları ekler. Bu sizin için yararlı olabilir, ancak standart flexbox talimatlarını kullanmak için buna ihtiyacınız yoktur. – Obromios

0

Siz de bunu başarmak için Zurb Foundation gibi bir ön uç çerçevesini kullanabilirsiniz olduğunu. Şu anda rails gem kullanıyorum ve uygulamasında harika çalışıyor.