Convert Snippet to Image

Preview:

    <div class="alert alert-primary text-sm mx-5 p-4 rounded-sm">
      This is Primary Alert Example
    </div>

    <div class="alert alert-danger text-sm mx-5 p-4 rounded-sm">
      This is Danger Alert Example
    </div>

    <div class="alert alert-success text-sm mx-5 p-4 rounded-sm">
      This is Success Alert Example
    </div>

    <div class="alert alert-warning text-sm mx-5 p-4 rounded-sm">
      This is Warning Alert Example
    </div>

Download PNG Download JPEG Download 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