Use .btn .btn-*
class to quickly create buttons
Use .btn .btn-transparent-*
class to create transparent buttons
Use .btn .btn-outline-*
class to quickly create outline buttons
Use .btn .disabled
class or disabled
attribute to disable button
Use .btn .btn-block
class to create block level buttons
Use .btn .btn-block
class to use block level buttons
Use .btn .btn-ripple
class to create buttons with ripple effect
Use .btn .btn-animated
class and add
i
for icon to create animated buttons
Use .btn-circle
class with icon
Use .btn-square
class with icon
Use .btn .rounded-pill
class to quickly create rounded buttons
Use .btn .rounded-pill .btn-outline-*
class to quickly create rounded buttons with outline
Use .btn-lg
class for large, .btn-sm
for small and
.btn-xs
for extra small buttons
Use .btn-icon
class to button
element,
i
for icon and span
for text. Additionally, you can specify, icon-left
or
icon-right
to align the icon