Use any of the available button classes to quickly create a styled button.
<!-- Standard button .btn .btn-* -->
<button type="button" class="btn btn-default">Default</button>
Fancy larger or smaller buttons? Add .btn-lg
, .btn-sm
, or .btn-xs
for additional sizes.
<!-- Primary large button -->
<button type="button" class="btn btn-primary btn-lg">Large button</button>
<!-- Primary large button -->
<button type="button" class="btn btn-default btn-lg">Large button</button>
Add .btn-block
.
Add the disabled
attribute to <button>
buttons.
Add .btn-label
.
Add .btn-block
.
Add the disabled
attribute to <button>
buttons.
Add .btn-app
or .btn-app-sm
for smaller size.
Add .btn-circle
to .btn-app
or .brn-app-sm
.