[学習] Bootstrap(2)

2018年11月15日木曜日

学習

t f B! P L
■■ボタン
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]

QooQ