Ribbons
Ribbons default
Add class: .ribbon. It must be inside .ribbon-wrapperclass. Content should be inside .ribbon-contentclass.
For colors, add: .ribbon-default, .ribbon-primary, .ribbon-info, .ribbon-success, .ribbon-danger, .ribbon-warning, .ribbon-custom
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
Corner ribbons
Add class: .ribbon-corner.
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
- Layout Options
-
-
-
- Choose other demos
