Buttons
Table of contents
Basic button styles
Links that look like buttons
[Link button](http://example.com/){: .btn }
[Link button](http://example.com/){: .btn .btn-primary }
[Link button](http://example.com/){: .btn .btn-blue }
[Link button](http://example.com/){: .btn .btn-green }
[Link button](http://example.com/){: .btn .btn-outline }
[Link button](http://example.com/){: .btn .btn-outline .btn-arrow }
Button element
GitHub Flavored Markdown does not support the button element, so you’ll have to use inline HTML for this:
<button type="button" name="button" class="btn">Button element</button>
ADDITIONAL MODIFICATIONS
Button size
Use the btn-large class to increase the size of the button:
[Large button](http://example.com/){: .btn .btn-large }
[Large button](http://example.com/){: .btn .btn-large .btn-arrow }
[Large button](http://example.com/){: .btn .btn-large .btn-arrow .btn-outline }
Spacing between buttons
Use the margin utility classes to add spacing between two buttons in the same block.
[Button with space](http://example.com/){: .btn .btn-purple .mr-2 }
[Button ](http://example.com/){: .btn .btn-blue }
[Button with more space](http://example.com/){: .btn .btn-green .mr-4 }
[Button ](http://example.com/){: .btn .btn-blue }