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