[学習] Bootstrap(2)

■■ボタン
button/a/inputのclass属性に"btnを指定

■スタイル

ボタンのスタイル

用途	class属性の指定	色
デフォルト	btn-default	白
主要	btn-primary	青
成功	btn-success"	緑
情報	btn-info	水色
注意	btn-warning	オレンジ
警告	btn-danger	赤
リンク	btn-link	―

btn-defaultはグレーになるなぁ。

■サイズ

ボタンのサイズ

サイズ	class属性の指定
大きい	btn-lg
デフォルト	なし
小さい	btn-sm
とても小さい	btn-xs

btn-xsは動かなかった(デフォルトサイズになる)

■有効化／無効化

有効化 - class属性に"active"

無効化 - disalbled="disabled"

■グループ化

div要素 class="btn-group" でまとめる

■アイコン付きボタン

class属性にアイコン名を指定< アイコン一覧はこちら https://getbootstrap.com/docs/3.3/components/


■■入力フォーム
class属性に"form-group"を指定

---

[Bootstrap]