ボタンを作る

btn btn-{prefix}

ボタンもprimaryなどのprefixで色違いのものを簡単に作る事が出来ます。

注意したいのはbuttonやsubmitの場合はclass="btn"が必要な点です。

1

2

3

4

5

6

7

8

9

10

11

  <button type="button" class="btn btn-default">Default</button>   
  <button type="button" class="btn btn-primary">Primary</button>
  <button type="button" class="btn btn-success">Success</button>
  <button type="button" class="btn btn-info">Info</button>
  <button type="button" class="btn btn-warning">Warning</button>
  <button type="button" class="btn btn-danger">Danger</button>
  <button type="button" class="btn btn-link">Link</button>
 
<form action="./buttonDecoration01.html?thema=United" method="post" name="form1" id="form1">
  <input type="submit" class="btn btn-default" value="Submitのケース">
</form>

btn-{prefix}

default primary success info warning danger link

1

2

3

4

5

6

7

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

Aタグのケース