-
Notifications
You must be signed in to change notification settings - Fork 0
Button
Kevin A. Hoogheem edited this page Nov 26, 2017
·
1 revision
#button:primary("Primary")
#button:secondary("Secondary")
#button:success("Success")
#button:danger("Danger")
#button:warning("Warning")
#button:info("Info")
#button:light("Light")
#button:dark("Dark")
#button:link("Link")
Large Size
#button:large:primary("Primary")
#button:large:secondary("Secondary")
#button:large:success("Success")
#button:large:danger("Danger")
#button:large:warning("Warning")
#button:large:info("Info")
#button:large:light("Light")
#button:large:dark("Dark")
#button:large:link("Link")
Small Size
#button:small:primary("Primary")
#button:small:secondary("Secondary")
#button:small:success("Success")
#button:small:danger("Danger")
#button:small:warning("Warning")
#button:small:info("Info")
#button:small:light("Light")
#button:small:dark("Dark")
#button:small:link("Link")
Standard Size
#button:outline:primary("Primary")
#button:outline:secondary("Secondary")
#button:outline:success("Success")
#button:outline:danger("Danger")
#button:outline:warning("Warning")
#button:outline:info("Info")
#button:outline:light("Light")
#button:outline:dark("Dark")
Large Size
#button:outline:large:primary("Primary")
#button:outline:large:secondary("Secondary")
#button:outline:large:success("Success")
#button:outline:large:danger("Danger")
#button:outline:large:warning("Warning")
#button:outline:large:info("Info")
#button:outline:large:light("Light")
#button:outline:large:dark("Dark")
Small Size
#button:outline:small:primary("Primary")
#button:outline:small:secondary("Secondary")
#button:outline:small:success("Success")
#button:outline:small:danger("Danger")
#button:outline:small:warning("Warning")
#button:outline:small:info("Info")
#button:outline:small:light("Light")
#button:outline:small:dark("Dark")
Link that is a Button. Takes a Title and a link
Standard Size
usage: #link:button:(Title, Link)
#link:button:primary("Primary", "http://getbootstrap.com")
#link:button:secondary("Secondary", "http://getbootstrap.com")
#link:button:success("Success", "http://getbootstrap.com")
#link:button:danger("Danger", "http://getbootstrap.com")
#link:button:warning("Warning", "http://getbootstrap.com")
#link:button:info("Info", "http://getbootstrap.com")
#link:button:light("Light", "http://getbootstrap.com")
#link:button:dark("Dark", "http://getbootstrap.com")
Large Size
usage: #link:button:large:(Title, Link)
#link:button:large:primary("Primary", "http://getbootstrap.com")
#link:button:large:secondary("Secondary", "http://getbootstrap.com")
#link:button:large:success("Success", "http://getbootstrap.com")
#link:button:large:danger("Danger", "http://getbootstrap.com")
#link:button:large:warning("Warning", "http://getbootstrap.com")
#link:button:large:info("Info", "http://getbootstrap.com")
#link:button:large:light("Light", "http://getbootstrap.com")
#link:button:large:dark("Dark", "http://getbootstrap.com")
Small Size
usage: #link:button:small:(Title, Link)
#link:button:small:primary("Primary", "http://getbootstrap.com")
#link:button:small:secondary("Secondary", "http://getbootstrap.com")
#link:button:small:success("Success", "http://getbootstrap.com")
#link:button:small:danger("Danger", "http://getbootstrap.com")
#link:button:small:warning("Warning", "http://getbootstrap.com")
#link:button:small:info("Info", "http://getbootstrap.com")
#link:button:small:light("Light", "http://getbootstrap.com")
#link:button:small:dark("Dark", "http://getbootstrap.com")
Link that is a Outline Button. Takes a Title and a link
Standard Size
usage: #link:button:outline:(Title, Link)
#link:button:outline:primary("Primary", "http://getbootstrap.com")
#link:button:outline:secondary("Secondary", "http://getbootstrap.com")
#link:button:outline:success("Success", "http://getbootstrap.com")
#link:button:outline:danger("Danger", "http://getbootstrap.com")
#link:button:outline:warning("Warning", "http://getbootstrap.com")
#link:button:outline:info("Info", "http://getbootstrap.com")
#link:button:outline:light("Light", "http://getbootstrap.com")
#link:button:outline:dark("Dark", "http://getbootstrap.com")
Large Size
usage: #link:button:outline:large:(Title, Link)
#link:button:outline:large:primary("Primary", "http://getbootstrap.com")
#link:button:outline:large:secondary("Secondary", "http://getbootstrap.com")
#link:button:outline:large:success("Success", "http://getbootstrap.com")
#link:button:outline:large:danger("Danger", "http://getbootstrap.com")
#link:button:outline:large:warning("Warning", "http://getbootstrap.com")
#link:button:outline:large:info("Info", "http://getbootstrap.com")
#link:button:outline:large:light("Light", "http://getbootstrap.com")
#link:button:outline:large:dark("Dark", "http://getbootstrap.com")
Small Size
usage: #link:button:outline:small:(Title, Link)
#link:button:outline:small:primary("Primary", "http://getbootstrap.com")
#link:button:outline:small:secondary("Secondary", "http://getbootstrap.com")
#link:button:outline:small:success("Success", "http://getbootstrap.com")
#link:button:outline:small:danger("Danger", "http://getbootstrap.com")
#link:button:outline:small:warning("Warning", "http://getbootstrap.com")
#link:button:outline:small:info("Info", "http://getbootstrap.com")
#link:button:outline:small:light("Light", "http://getbootstrap.com")
#link:button:outline:small:dark("Dark", "http://getbootstrap.com")