<h1 class="sm">Buttons</h1> <div class='row'> <button class='btn'>Normal Button</button> <button class='btn btn-backgroundColor-primary'> Primary </button> <button class='btn btn-backgroundColor-secondary'> Secondary </button> <button class='btn btn-backgroundColor-success'> Success </button> <button class='btn btn-backgroundColor-danger'> Danger </button> <button class='btn btn-backgroundColor-warning'> Warning </button> <button class='btn btn-backgroundColor-info'> Info </button> <button class='btn btn-backgroundColor-light'> Light </button> <button class='btn btn-backgroundColor-dark'> Dark </button> <button class='btn btn-backgroundColor-muted'> Muted </button> </div>
Preview:
downloadDownload PNG
downloadDownload JPEG
downloadDownload SVG
Tip: You can change the style, width & colours of the snippet with the inspect tool before clicking Download!
Click to optimize width for Twitter