<div class="alert primary-outline"> <strong>Primary!</strong> This is a Primary Alert </div> <div class="alert secondary-outline"> <strong>Secondary!</strong> This is a Secondary Alert </div> <div class="alert success-outline"> <strong>Success!</strong> This is a Success Alert </div> <div class="alert danger-outline"> <strong>Error!</strong> This is an Error Alert </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