Ribbons default
Add class: .ribbon. It must be inside .ribbon-wrapperclass. Content should be inside .ribbon-contentclass.
Duis mollis, est non commodo luctus, nisi erat porttitor ligula
Duis mollis, est non commodo luctus, nisi erat porttitor ligula
Duis mollis, est non commodo luctus, nisi erat porttitor ligula
Duis mollis, est non commodo luctus, nisi erat porttitor ligula
Duis mollis, est non commodo luctus, nisi erat porttitor ligula
Duis mollis, est non commodo luctus, nisi erat porttitor ligula
Ribbons right align
Add class: .ribbon-right
Duis mollis, est non commodo luctus, nisi erat porttitor ligula
Duis mollis, est non commodo luctus, nisi erat porttitor ligula
Duis mollis, est non commodo luctus, nisi erat porttitor ligula
Duis mollis, est non commodo luctus, nisi erat porttitor ligula
Duis mollis, est non commodo luctus, nisi erat porttitor ligula
Duis mollis, est non commodo luctus, nisi erat porttitor ligula
Vertical ribbons
Add class: .ribbon-vertical-lto display on left. Add class: .ribbon-vertical-rto display on right.
Duis mollis, est non commodo luctus, nisi erat porttitor ligula
Duis mollis, est non commodo luctus, nisi erat porttitor ligula
Duis mollis, est non commodo luctus, nisi erat porttitor ligula
Duis mollis, est non commodo luctus, nisi erat porttitor ligula
Duis mollis, est non commodo luctus, nisi erat porttitor ligula
Duis mollis, est non commodo luctus, nisi erat porttitor ligula
Bookmarked ribbons
Add class: .ribbon-bookmarkright after the .ribbonclass.
Duis mollis, est non commodo luctus, nisi erat porttitor ligula
Duis mollis, est non commodo luctus, nisi erat porttitor ligula
Duis mollis, est non commodo luctus, nisi erat porttitor ligula
Duis mollis, est non commodo luctus, nisi erat porttitor ligula