htmlで共通して利用しているクラスを追加、削除することで適用されるスタイルを変更したい場合に利用すると便利な方法。 addClass() $("要素名").addClass("class名")removeClass() $("要素名").removeClass("class名")参考： www.flatflag.nir87.com

前回の記事 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と…

bootstrapの導入は簡単です。 このページに手順が掲載されているので手順通り実行していくだけ GitHub - twbs/bootstrap-sass: Official Sass port of Bootstrap 2 and 3. 必要なgemのインストール cssを加える javascriptを加える 以上の３ステップで完了で…

以下のコマンドをターミナルで順番に叩いて行けば 必ず誰でもRuby on Rails環境が構築できます。①コマンドラインツールをインストール！ xcode-select --install②Homebrewをインストール！！ ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homeb…