Foundation(CSSフレームワーク)

2016年3月25日

Foundationというのは、Bootstrapのような、CSSフレームワークの一種らしい。

http://www.ohmyenter.com/rails-simple_form-foundation-5-%E3%83%81%E3%83%A5%E3%83%BC%E3%83%88%E3%83%AA%E3%82%A2%E3%83%AB/

Rails + simple_form + Foundation 5 チュートリアル

 

http://www.ohmyenter.com/ruby-on-rails-bootstrap3-simple_form-%E3%83%81%E3%83%A5%E3%83%BC%E3%83%88%E3%83%AA%E3%82%A2%E3%83%AB/
<%= simple_form_for @post, wrapper: "horizontal_form", :html => { :class => 'form-horizontal’ } do |f| %>

wrapper: "horizontal_form"というオプション

 

http://foundation.zurb.com/
いま、Foundation6らしい。。。

http://qiita.com/hiroysato/items/8c679858b1a89cc6a433
初めての Foundation6 on Rails4
hiroysatoが2016/03/04に投稿(2016/03/04に編集)

 

http://foundation.zurb.com/sites/docs/v/5.5.3/components/topbar.html
公式ページ

http://www.ohmyenter.com/rails-simple_form-foundation-5-%E3%83%81%E3%83%A5%E3%83%BC%E3%83%88%E3%83%AA%E3%82%A2%E3%83%AB/
の、やり方にしたがって、shared/_header.html.erbに、

なんかだめだった。

しかも、simple_form が、Foundation 5にしか対応していない。

—————————

http://blog.scimpr.com/2013/12/31/rails4-0%E3%81%A7bootstrap%E5%B0%8E%E5%85%A5%E3%81%AE%E3%81%82%E3%82%8C%E3%81%93%E3%82%8C%EF%BD%9Ebootstrap-sass-simple_form-kaminari-datatables/

をもう一度try

環境はすべてcloud9

http://blog.scimpr.com/2013/12/31/rails4-0%E3%81%A7bootstrap%E5%B0%8E%E5%85%A5%E3%81%AE%E3%81%82%E3%82%8C%E3%81%93%E3%82%8C%EF%BD%9Ebootstrap-sass-simple_form-kaminari-datatables/

で、通知のところで、

application.html.erb の bodyの中に、

<% flash.each do |name, msg| %>

<% end %>

を書き込むだけだと、flashが2列表示されてしまうので、

index.htmlと、show.html の、最初の行の、

<p id="notice"><%= notice %></p>

を消去したら、うまくいった。初心者にはつらい。