0
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

Bootstrapを初めて使った話

Posted at

Bootstrapってなんだ…?

・HTML/CSS/JavaScriptから構成されるWEBフレームワーク
 →簡単にボタンやフォームなどを装飾できる!
公式ドキュメント:https://getbootstrap.jp/

具体的にどう使うの?

・htmlのclassにbootstarpで定義されたクラス名を書く

普通のボタン
<button type="button">Primary</button>

image.png

bootstrapを使ったボタン
<button type="button" class="btn btn-primary">Primary</button>
//class="btn btn-primary"を追記

image.png

使った感想

・簡単におしゃれな見た目を作れるのがうれしい!
・javascriptを使った動きがある装飾も簡単にできるのがうれしい!
・htmlにclass名を書いていって装飾するので、装飾しまくると肥大化しそう…。
・ある程度スタイルは決まっているので、もっとこうしたい!とカスタマイズ欲がわいてくる。
→独自の色を使いたくて、カスタマイズ(Sass?)を試みたがうまくいかなかった…。

0
1
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
0
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?