webアプリケーションの作成④
Bootstrapの導入！
今日は、いよいよBootstrapでアプリケーションの構造を作っていくために、コードにBootstrapを入れていきます！開発作業前にはDotinstallで反復！基本が大事！
今日の作業はこちらです。（内容的にカスタマイズするので暫定的に）
- トピックブランチで作業
- アプリケーションのレイアウトに構造を追加
- ホームに新規登録できるリンクを作成
- ロゴ写真の設定
- BootstrapをGemfileに追加！！
- カスタムCSSファイル作成とBootstrap CSSの追加
- スタイルシートの追加（SCSS）
- パーシャルでコードをスッキリさせる
いつもローカル開発環境で作業を行っているのですが、Cyberduckを立ち上げた際にアップデートの要求があり、アップデータを始めたところ、異様に時間がかかってしまいました。それで、思ったより作業が進まず、ヘッダーやフッターなどのコードをパーシャルでまとめるまでとなってしまった。
チェックポイント
Bootstrapのグリッドレイアウトのブレークポイントを覚える
- 576px and up : sm
- 768px and up : md
- 992px and up : lg
- 1200px and up : xl
