Buttons

Button Class="" Description
btn
Only button tag
btn btn-default
Standard button
btn btn-primary
Provides extra visual weight and identifies the primary action in a set of buttons
btn btn-success
Indicates a successful or positive action
"btn btn-info
Contextual button for informational alert messages
btn btn-warning
Indicates caution should be taken with this action
btn btn-danger
Indicates a dangerous or potentially negative action
btn btn-brown
Brown button
btn btn-dark
Dark button
btn btn-yellow
Yellow button
btn btn-purple
Purple button
btn btn-pink
Pink button
btn btn-lime
Lime button
btn btn-magenta
Magenta button
btn btn-link
Deemphasize a button by making it look like a link while maintaining button behavior
Button Class="" Description
btn btn-xs
Only button tag
btn btn-xs btn-default
Standard button
btn btn-xs btn-primary
Provides extra visual weight and identifies the primary action in a set of buttons
btn btn-xs btn-success
Indicates a successful or positive action
"btn btn-xs btn-info
Contextual button for informational alert messages
btn btn-xs btn-warning
Indicates caution should be taken with this action
btn btn-xs btn-danger
Indicates a dangerous or potentially negative action
btn btn-xs btn-brown
Brown button
btn btn-xs btn-dark
Dark button
btn btn-xs btn-yellow
Yellow button
btn btn-xs btn-purple
Purple button
btn btn-xs btn-pink
Pink button
btn btn-xs btn-lime
Lime button
btn btn-xs btn-magenta
Magenta button
btn btn-xs btn-link
Deemphasize a button by making it look like a link while maintaining button behavior
Button Class="" Description
btn btn-lg
Only button tag
btn btn-lg btn-default
Standard button
btn btn-lg btn-primary
Provides extra visual weight and identifies the primary action in a set of buttons
btn btn-lg btn-success
Indicates a successful or positive action
"btn btn-lg btn-info
Contextual button for informational alert messages
btn btn-lg btn-warning
Indicates caution should be taken with this action
btn btn-lg btn-danger
Indicates a dangerous or potentially negative action
btn btn-lg btn-brown
Brown button
btn btn-lg btn-dark
Dark button
btn btn-lg btn-yellow
Yellow button
btn btn-lg btn-purple
Purple button
btn btn-lg btn-pink
Pink button
btn btn-lg btn-lime
Lime button
btn btn-lg btn-magenta
Magenta button
btn btn-lg btn-link
Deemphasize a button by making it look like a link while maintaining button behavior
Button Class="" Description
btn btn-sm
Only button tag
btn btn-sm btn-default
Standard button
btn btn-sm btn-primary
Provides extra visual weight and identifies the primary action in a set of buttons
btn btn-sm btn-success
Indicates a successful or positive action
"btn btn-sm btn-info
Contextual button for informational alert messages
btn btn-sm btn-warning
Indicates caution should be taken with this action
btn btn-sm btn-danger
Indicates a dangerous or potentially negative action
btn btn-sm btn-brown
Brown button
btn btn-sm btn-dark
Dark button
btn btn-sm btn-yellow
Yellow button
btn btn-sm btn-purple
Purple button
btn btn-sm btn-pink
Pink button
btn btn-sm btn-lime
Lime button
btn btn-sm btn-magenta
Magenta button
btn btn-sm btn-link
Deemphasize a button by making it look like a link while maintaining button behavior
Button Attribute Description
disabled="disabled"
Only button tag
disabled="disabled"
Standard button
disabled="disabled"
Provides extra visual weight and identifies the primary action in a set of buttons
disabled="disabled"
Indicates a successful or positive action
disabled="disabled"
Contextual button for informational alert messages
disabled="disabled"
Indicates caution should be taken with this action
disabled="disabled"
Indicates a dangerous or potentially negative action
disabled="disabled"
Brown button
disabled="disabled"
Dark button
disabled="disabled"
Yellow button
disabled="disabled"
Purple button
disabled="disabled"
Pink button
disabled="disabled"
Lime button
disabled="disabled"
Magenta button
disabled="disabled"
Deemphasize a button by making it look like a link while maintaining button behavior
Button Class="" Description
btn
Only button tag
btn btn-default
Standard button
btn btn-primary
Provides extra visual weight and identifies the primary action in a set of buttons
btn btn-success
Indicates a successful or positive action
"btn btn-info
Contextual button for informational alert messages
btn btn-warning
Indicates caution should be taken with this action
btn btn-danger
Indicates a dangerous or potentially negative action
btn btn-brown
Brown button
btn btn-dark
Dark button
btn btn-yellow
Yellow button
btn btn-purple
Purple button
btn btn-pink
Pink button
btn btn-lime
Lime button
btn btn-magenta
Magenta button
btn btn-link
Deemphasize a button by making it look like a link while maintaining button behavior
Button Class="" Description
btn btn-primary btn-alt
Provides extra visual weight and identifies the primary action in a set of buttons
btn btn-success btn-alt
Indicates a successful or positive action
"btn btn-info btn-alt
Contextual button for informational alert messages
btn btn-warning btn-alt
Indicates caution should be taken with this action
btn btn-danger btn-alt
Indicates a dangerous or potentially negative action
btn btn-brown btn-alt
Brown button
btn btn-dark btn-alt
Dark button
btn btn-yellow btn-alt
Yellow button
btn btn-purple btn-alt
Purple button
btn btn-pink btn-alt
Pink button
btn btn-lime btn-alt
Lime button
btn btn-magenta btn-alt
Magenta button