エンジニアでもきれいなFormが書きたいの(｀･ω･´)

css？もちろん不得意ですよ。
でも、bootstrap使えばきれいになるらしいじゃないですかー。
じゃあ、使ってみようで使ってみた感じのまとめです。

bootstrapってなに？

BootstrapはWebサイトやWebアプリケーションを作成するフリーソフトウェアツール集である。 タイポグラフィ、フォーム、ボタン、ナビゲーション、その他構成要素やJavaScript用拡張などがHTML及びCSSベースのデザインテンプレートとして用意されている。
https://ja.wikipedia.org/wiki/Bootstrap

デザインのライブラリっていう感じ？
使ってから考えますかー。

実際使ってみた

RailsだとGemfileで簡単に入れられた。
↓書いてbundle installでOK！

Gemfile

source 'https://rubygems.org'
gem 'rails',                '4.2.2'
gem 'bootstrap-sass',       '3.2.0.0' #これ書けばOK

bootstrapを使う設定はscssに書いちゃえばOK

application.css.scss

@import "bootstrap-sprockets";
@import "bootstrap";

bootstrap入れる前

bootstrap入れた後（細かい部分はcssで調整してあります）

整ったー、なんかすげー

まとめ

結論、よくわかんない！
きれいになるけど、結局cssわかんないと辛い！

詰まった点とか困った点とか

• クラスがわからん
  • ライブラリ化されてるから、ドキュメントなりサンプルないとどのクラスがどういうものなのかぱっとわからない。
• 微調整したいときが難しい
  • サンプルみつつ書いてみたものの、思った挙動にならないことがあってどれが影響してるのかっていうのかわからない。

おまけ

bootstrapにすべて黄金比に整えてくれるやつがありますよー
是非とも使ってみてくださいー
http://www.goldbootstrap.com/