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

Navigation

Social Media