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








<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








<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

Bootstrap Size Buttons

Small Size







Normal Size







Large Size








  1. No comments yet.
(will not be published)