Bootstrap ボタン


スタイル

default
primary
success
info
warning
danger
link
Link
<a class="btn btn-default" href="#" >default</a>
<a class="btn btn-primary" href="#" >primary</a>
<a class="btn btn-success" href="#" >success</a>
<a class="btn btn-info" href="#" >info</a>
<a class="btn btn-warning" href="#" >warning</a>
<a class="btn btn-danger" href="#" >danger</a>
<a class="btn btn-link" href="#" >link</a>
<a class="btn" href="#" >Link</a>

大きさ

default btn-sm
default btn-xsm
default btn-lg
<a class="btn btn-default btn-sm" href="#" >default btn-sm</a>
<a class="btn btn-default btn-xsm" href="#" >default btn-xsm</a>
<a class="btn btn-default btn-lg" href="#" >default btn-lg</a>

ブロックレベル

default btn-block
<a class="btn btn-default btn-block" href="#" >default btn-block</a>

active/disabled

default btn-lg
default btn-lg
<a class="btn btn-default btn-lg active" href="#" >default btn-lg</a>
<a class="btn btn-default btn-lg disabled" href="#" >default btn-lg</a>

前の記事

社会保険

次の記事

Bootstrap 画像