Basic Buttons

Artificial Reason Buttons

.btn .btn-ar .btn-default
.btn .btn-ar .btn-primary
.btn .btn-ar .btn-success
.btn .btn-ar .btn-info
.btn .btn-ar .btn-warning
.btn .btn-ar .btn-danger
.btn .btn-ar .btn-royal

Artificial Reason Size Buttons

Small Size

Normal Size

Large Size


[xml] <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> [/xml]

Block Buttons


[xml] <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> [/xml]

Bootstrap Buttons

.btn .btn-default
.btn .btn-primary
.btn .btn-success
.btn .btn-info
.btn .btn-warning
.btn .btn-danger
.btn .btn-link

Bootstrap Size Buttons

Small Size

Normal Size

Large Size

2018