Ribbons help showcase new or featured content.

Ribbon Overview

There are few general rules about Ribbons:

• The parent container must have the class (or equivalent styles) of .position-relative or position: relative;.
• Ribbons work with any of the defined base colors. For example, use .text-bg-green instead of .text-bg-success.
• The size of the Ribbon will adjust automatically to fit the text, however the text included should be very short and at least 3 characters.

Examples