Buttons
.btn .btn-default |
|
.btn .btn-primary |
|
.btn .btn-success |
|
.btn .btn-info |
|
.btn .btn-warning |
|
.btn .btn-danger |
|
.btn .btn-royal |
.btn .btn-default .btn-fill |
|
.btn .btn-primary .btn-fill |
|
.btn .btn-success .btn-fill |
|
.btn .btn-info .btn-fill |
|
.btn .btn-warning .btn-fill |
|
.btn .btn-danger .btn-fill |
|
.btn .btn-royal .btn-fill |
Size Buttons
Small Size
Normal Size
Large Size
|
1
2
3
|
<button type="button" class="btn btn-ar btn-sm btn-default">Default</button><button type="button" class="btn btn-ar btn-default">Default</button><button type="button" class="btn btn-ar btn-lg btn-default">Default</button> |
Block Buttons
|
1
2
3
4
5
6
7
|
<button type="button" class="btn btn-block btn-ar btn-default">Default</button><button type="button" class="btn btn-block btn-ar btn-primary">Primary</button><button type="button" class="btn btn-block btn-ar btn-success">Success</button><button type="button" class="btn btn-block btn-ar btn-info">Info</button><button type="button" class="btn btn-block btn-ar btn-warning">Warning</button><button type="button" class="btn btn-block btn-ar btn-danger">Danger</button><button type="button" class="btn btn-block btn-ar btn-royal">Royal</button> |
Bootstrap Buttons
.btn .btn-default |
|
.btn .btn-primary |
|
.btn .btn-success |
|
.btn .btn-info |
|
.btn .btn-warning |
|
.btn .btn-danger |
|
.btn .btn-link |