Ribbons default
Add class: .ribbon
. It must be inside .ribbon-wrapper
class. Content should be inside .ribbon-content
class.
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-l
to display on left. Add class: .ribbon-vertical-r
to 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-bookmark
right after the .ribbon
class.
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