3
2

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

Bootstrapとは

Last updated at Posted at 2019-03-19

#<まず初めに>

自分用につまずいた点や、
エラー出た際の解決方法などを記載していきたいと思い
Qiitaのアカウントを作成しました。

なぜBootstrapの記事を書いたかというと、
Railsチュートリアルに出てきた際に
よく分からなかったです。(ちなみに5章です)

#Bootstrapとは、
レスポンシブデザインに対応したツイッター社が開発した
CSSのフレームワークで、
ルールに沿って利用するだけで整ったデザインのページが作成できてしまう神様のようなもの。

Bootstrapでよく使うのは、
・グリッドシステム
・テーブル
・ボタン
・フォーム

それぞれ簡単に説明すると、
・グリットシステム
→スマホやタブレットなどデバイスに応じて構造を変化させることができる仕組み
  (スマホではここの表示消したいなーだとか、
   タブレットでは逆に出現させたいなーとかも実現できる)

・テーブル
→表組みを装飾できる。

・ボタン
→a要素、button要素のclassで使用できるその名の通りボタンの装飾。

・フォーム
→デザインの整ったフォームをつくることができる。
 ちなみに調べていくとあんまり聞きなれないコードとかが沢山でてきて
 placeholderって何?となり(他にもたんまりあるけれど)
 入力欄の中に初めから表示されているグレーの文字のことでした。
 あぁなるほど!いつもユーザーとして見慣れているアレはコレか!と妙に納得しました。

#<まとめ>
Bootstrapってすごく便利で誰でも簡単に、
ある程度整ったサイトが作れる神器でした。

3
2
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
3
2

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?