Loading...

Elements Buttons

Buttons

Buttons Solid
Button link
HTML Code:
<button type="button" class="btn btn-primary">Primary</button>
<button type="button" class="btn btn-outline-primary">Outline primary</button>
<button type="button" class="btn btn-secondary">Secondary</button>
<button type="button" class="btn btn-outline-secondary">Outline secondary</button>
<button type="button" class="btn btn-secondary animated">Animated</button>
<button type="button" class="btn btn-primary btn3d">3D button</button>
<button type="button" class="btn btn-lg">Large button</button>
<button type="button" class="btn btn-sm">Medium button</button>
<button type="button" class="btn btn-small">Small button</button>
<a href="#" class="btn-link">Button link</a>
Buttons Rounded
HTML Code:
<button type="button" class="btn btn-primary rounded-0">Primary</button>
<button type="button" class="btn btn-secondary rounded-1">Secondary</button>
<button type="button" class="btn btn-success rounded-2">Success</button>
<button type="button" class="btn btn-danger rounded-3">Danger</button>
<button type="button" class="btn btn-info rounded">Info</button>
<button type="button" class="btn btn-warning rounded-pill">Warning</button>
Disabled buttons
Button link
HTML Code:
<button type="button" class="btn btn-secondary" disabled>Primary</button>
<a href="#" class="btn-link disabled" tabindex="-1" role="button" aria-disabled="true">Button link</a>