bootstrap
前回の記事 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…
deviceは 認証系アプリに必要な機能を簡単に追加できる便利なgemです。まずはdeviceのgemを以下のページを元に導入。 github.comGemfileに追記 gem 'devise'bundle installでインストール すると以下のような文言がターミナルに表示されるので一個ずつ設定し…
grid systemを使って、大阪のうどんの名店「うだま」の文字を以下のように中央に配置してみます。 以下のbootstrapのページにアクセスGrid system · Bootstrap offsetting columnsに利用例が載っています。中央揃えにしたかったらcol-md-6 col-md-offset-3と…