hoz blog

営業からSEに転職した文系エンジニアです。プログラミングと趣味の株に関してブログを書いていこうと思います。

【bootstrap】formsを使ってみる【Ruby】

前回の記事
takanori5.hatenablog.com


Forms · Bootstrap


前回作成した登録ページをbootstrapのformsを使って綺麗にしてみます。

        <div class="field">
          <%= f.label :email %><br />
          <%= f.email_field :email, autofocus: true %>
        </div>

以下のように修正
classをform-groupに、さらにfieldにクラスを追加。(class => 'form-control'を追加)

        <div class="form-group">
          <%= f.label :email %><br />
          <%= f.email_field :email,:class =>'form-control', autofocus: true %>
        </div>

e-mailフィールドが変化しました。

f:id:takanori5:20171028164551p:plain