Preview:
<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>
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